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, 1 months ago ago by Rose Tyler

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
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
robertsenuk

Participant

March 5, 2020 at 16:22

Hi Rose,

Lovely, that code works perfectly!

Thanks so much.

Rob

#230847 Copied

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)