How to align the mega menu in the center for all main menu

This topic has 4 replies, 2 voices, and was last updated 4 years, 9 months ago ago by Rose Tyler

  • Avatar: Lintu Thomas
    Lintu Thomas
    Participant
    January 7, 2020 at 07:47

    I want to fix the mega menu dropdown in the center for all main menu. Currently the mega menu is not center for all menu.
    For example:
    https://prnt.sc/qkacba

    https://prnt.sc/qkacnt

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 8, 2020 at 09:07

    Hello,

    Try to use the next custom CSS code:

    .menu-static-block.nav-sublist-dropdown {
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin: 0 !important;
        animation: et-fadeIn .3s ease !important;
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all .2s ease-in-out;
    }
    .item-design-mega-menu {
        position: static;
    }
    .item-design-mega-menu:hover .menu-static-block.nav-sublist-dropdown {
        opacity: 1;
        visibility: visible;
    }

    Regards

    Avatar: Lintu Thomas
    Lintu Thomas
    Participant
    January 9, 2020 at 11:11

    Thanks you

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 9, 2020 at 11:12

    You’re welcome!

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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.