How to make the mega menu full width of the screen - Forum | JoomShaper
Solved Helix Framework

How to make the mega menu full width of the screen

Asked by Jhao-Siang 4 years ago Last activity 4 years ago

Hello,

I have set the mega menu with full width settings. The width is under the max width of the container. How to make the width extend to the screen edge.

Thank you.

Accepted answer

Marked as the solution
Jhao-Siang Asked this
4 years ago

Hi Pavel and Rashida,

Thank you for your answer. It works well. And there is container width of the default template, I change it with !important. 

#sp-header .container-inner > .row,
.sp-megamenu-parent {
    position: static !important;
}
.sp-menu-full.container {
    max-width: 100%;
    width: 100% !important;
    padding: 0;
}

Best.

3 more replies

Oldest first Newest first Most helpful
Pavel
4 years ago

Hi. It can be done via css only. Something like this

#sp-header .container-inner > .row,
.sp-megamenu-parent {
    position: static !important;
}
.sp-menu-full.container {
    max-width: 100%;
    width: 100%;
    padding: 0;
}
Log in to reply.