Mega submenu not completely responsive

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter justmigrating

    (@justmigrating)

    10 years, 10 months ago

    I found a workaround. I added the following code to the custom styling section of the settings:

    @media only screen and (max-width: 640px) {
    #mega-menu-wrap-main #mega-menu-main {
    padding:0 !important;
    }
    ul.mega-sub-menu li {
    float:none !important;
    }
    #mega-menu-wrap-main #mega-menu-main > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
    width:100% !important;
    }
    }

    Lígia ‘Lilly’ Freitas

    (@lfreitas)

    10 years, 9 months ago

    Thanks for sharing, justmigrating!

    I also added width 100% to:

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item

    And worked great with my theme. Thought could help someone too.

    @media only screen and (max-width: 640px) {
#mega-menu-wrap-main #mega-menu-main {
padding:0 !important;
}
ul.mega-sub-menu li {
float:none !important;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-main #mega-menu-main > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
width:100% !important;
}
}
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Mega submenu not completely responsive’ is closed to new replies.