Return to previous page

Cannot get mega menu to save as full width

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

  • Avatar: robertsenuk
    robertsenuk
    Participant
    March 5, 2020 at 13:01

    Hello 8theme,

    I’m struggling to get the mega menu to span the full width of the page.

    When I enter 100% in the 8theme page options of the menu item, I can save the box that comes up but I cannot save the menu – the save button just isn’t clickable.

    I have increased the Max input vars of my host to 8000 and the issue is still there.

    Can you take a look for me or advise how I can have the mega menu full width another way please?

    Thanks
    Rob

    Please, contact administrator
    for this information.
    #230835 Copied Theme version: 6.2.12 WooCommerce version: 3.9.3
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 5, 2020 at 13:24

    Hello,

    There is no possibility to set 100% as you described. You need to use custom CSS code like this one – 

    .item-design-mega-menu {
    position: static;
}
.header-top, .header-main, .header-bottom {
    position: static;
}
.item-design-mega-menu .nav-sublist-dropdown {
    left: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
.item-design-mega-menu .nav-sublist-dropdown:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 40px;
    bottom: 100%;
}

    Regards

    #230840 Copied
    Avatar: robertsenuk
    robertsenuk
    Participant
    March 5, 2020 at 16:22

    Hi Rose,

    Lovely, that code works perfectly!

    Thanks so much.

    Rob

    #230847 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 5, 2020 at 16:26

    Hello,

    You’re welcome!
    Have a nice day.

    Regards

    #230848 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Photographer – WordPress WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme

See All Templates

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