How about something like this:
.dropdown-submenu>.dropdown-menu { left: 90%; }
The default value was 30%.
Hi,
Yes, it’s working. Could you tell me other parameters which i can play with. Just like right/ top/ bottom.
I need to shift a little above. I used top, but, it’s not working.
Like:
/* Displaying sub-sub menu properly */
.dropdown-submenu>.dropdown-menu {
left: 100%;
top: 80%;
}
Could you tell me other parameters.
Afaik…the dropdown is tied to the applicable menu item…it appears something else is over-riding the ‘top’ property (you would want to decrease the percentage not increase it), so maybe that is the issue…so others with more expertise than me will have to take over from here…
However…note that the further away you make it, it becomes more difficult for visitors to navigate…at your current setting of left: 100%, it is very easy for the pointer to lose focus on the proper menu item thus dropping out the submenu…you should consider allowing some overlap…
Try this instead:
.dropdown-submenu.menu-item-595>.dropdown-menu { top: 0%; left: 100%; }
Keep in mind, this is for this specific sub-sub menu…it will not apply to future sub-sub menus…
Not sure if this will help, but I’ve written a Navbar Guide which is awaiting deployment by @nikeo.
