How to set 100% full width for my dropdown menu

This topic has 8 replies, 2 voices, and was last updated 3 years ago ago by Rose Tyler

  • Avatar: chihao.weng
    howard
    Participant
    November 3, 2021 at 15:02

    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%;
    }

    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 3, 2021 at 15:22

    Hello,

    Theme Options > Header builder > Main menu > Mega Menu Dropdown Full-Width

    Regards

    Avatar: chihao.weng
    howard
    Participant
    November 3, 2021 at 15:34

    Hi,

    I just turn on the option but it does not work

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 3, 2021 at 15:38

    Hi,

    Make sure that mega menu design is selected for your menu item – https://prnt.sc/1y9rool

    Regards

    Avatar: chihao.weng
    howard
    Participant
    November 3, 2021 at 16:00

    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.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 3, 2021 at 16:07

    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

    Avatar: chihao.weng
    howard
    Participant
    November 3, 2021 at 16:33

    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 3, 2021 at 16:49

    Hello,

    Theme Options > Header builder > Main menu > Computed Box For The Menu Item > change padding-top and padding-bottom

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

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

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.