Make mega menu full width of users screen

Solved2 replies2 participantsUpdated by Cover Lovers

  • Avatar: Cover Lovers
    Cover Lovers
    Participant

    How am I able to make the mega menu for a specific tab on my main menu go to the full width of the user’s screen?

    This is what It currently looks like:

    We want the mega menu (white background) to be the full width of the screen.

    Please, contact administrator
    for this information.
    #281302 Copied Theme version: 7.2.6 WooCommerce version: 5.7

    2 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Try to add the next code in Theme Options > Theme custom CSS:

    .header-wrapper .et_b_header-menu .menu .item-design-mega-menu.menu-item-has-children {
    position: static;
}
.header-wrapper .et_b_header-menu .item-design-mega-menu .menu-static-block.nav-sublist-dropdown {
    margin: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100%;
}
.header-wrapper .et_column {
    position: static;
}

    or for “Apple” menu item only:

    .header-wrapper li#menu-item-5346 {
    position: static;
}
.header-wrapper li#menu-item-5346 .nav-sublist-dropdown {
    margin: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100%;
}
.header-wrapper .et_column {
    position: static;
}

    Regards

    #281335 Copied
    Avatar: Cover Lovers
    Cover Lovers
    Participant

    Fixed, thanks

    #281402 Copied

The issue related to '‘Make mega menu full width of users screen’' has been successfully resolved, and the topic is now closed for further responses