Reply 230840 to: Cannot get mega menu to save as full width

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

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.