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

This topic has 5 replies, 2 voices, and was last updated 5 years, 3 months ago ago by Kate Ross

  • Avatar: Kate_Ross
    Kate Ross
    Participant
    August 25, 2020 at 14:21

    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

    4 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 26, 2020 at 07:35

    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

    Avatar: Kate_Ross
    Kate Ross
    Participant
    August 26, 2020 at 14:33

    thanks – much better~!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 26, 2020 at 15:01

    You’re welcome!

    Regards

    Avatar: Kate_Ross
    Kate Ross
    Participant
    August 26, 2020 at 19:39

    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.
  • Viewing 5 results - 1 through 5 (of 5 total)

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

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