This topic has 8 replies, 2 voices, and was last updated 3 years ago ago by Rose Tyler
HI,
I’d like to set my dropdown menu to full width. I’ve tried to set the following css but it didn’t work.
.nav-sublist-dropdown{
width:100%;
}
Hello,
Theme Options > Header builder > Main menu > Mega Menu Dropdown Full-Width
Regards
Hi,
I just turn on the option but it does not work
Hi,
Make sure that mega menu design is selected for your menu item – https://prnt.sc/1y9rool
Regards
Yes , when I change the menu design to mega menu , it becomes 100% width.
However , it require me to set at least 2 column which is not what I need.
I’d like to set 100% width and sub-menu is right bellow menu.
Hello,
In this case, try the next:
– enable Elementor for static blocks – https://www.8theme.com/documentation/xstore/support/static-blocks/
– create a static block with the desired menu items
– select the block in settings of Appearance > Menus > menu item.
Regards
I see. I’ll try to use static block and try to align sub-menu to its parent menu.
Another question is the mega menu disappears when mouse leave parent menu so I can’t click on sub-menu.
Please see the video
https://streamable.com/erfdvj
Hello,
Theme Options > Header builder > Main menu > Computed Box For The Menu Item > change padding-top and padding-bottom
Regards
Tagged: best selling, dropdown menu, full width, setting, themes, woocommerce
The issue related to '‘How to set 100% full width for my dropdown menu’' has been successfully resolved, and the topic is now closed for further responses