Alignment of Mega Menu - by Kate Ross - on WordPress WooCommerce support

Solved4 replies2 participantsUpdated by Kate Ross

  • Avatar: Kate_Ross
    Kate Ross
    Participant

    Having two major difficulties with the Mega menu… I have made 4 static blocks for the 4 menu items. In the Menu screen i have selected Mega menu and have selected the static blocks. I cannot:
    1 – center them correctly with any width
    2 – or have them span full screen correctly.
    Please help

    #249212 Copied Theme version: .6.3.2.1.0 WooCommerce version: 4.0.1

    4 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

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

    .et_b_header-menu.et_element-top-level .item-design-mega-menu {
    position: static;
}
.et_b_header-menu.et_element-top-level .item-design-mega-menu .nav-sublist-dropdown:not(.nav-sublist) {
    right: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    width: 100%;
}

    Regards

    #249330 Copied
    Avatar: Kate_Ross
    Kate Ross
    Participant

    thanks – much better~!

    #249438 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    You’re welcome!

    Regards

    #249443 Copied
    Avatar: Kate_Ross
    Kate Ross
    Participant

    Ooppps! One more issue with that… problem is that if you try to hover over the dropdown … it disappears.

    Please contact administrator
    for this information.
    #249519 Copied

The issue related to '‘Alignment of Mega Menu’' has been successfully resolved, and the topic is now closed for further responses