Hello,
Is there a way to have body for fixed width (at the moment I have 1310px which is fine) and header (both menus) full width going to the edges of the screen. Like on this page for example: https://www.patreon.com/privacy
Thank you in advance.
Matyas
Hey Matyas,
Inside the WordPress Dashboard, go to Enfold > General Layout > Use stretched or boxed layout? set this to Boxed Layout. Hope this helps. :)
Best regards,
Nikko
Hello Nikko,
I am sorry I probably did not explain myself correctly. I do not want boxed layout. I just want header that goes to eges of screen 100% and have no fixed width like my content that I have set to 1310px. Thank you.
Hi,
Yes, just keep the layout in Stretched, and try to add this code in Quick CSS (located in Enfold > General Styling):
#top #main {
width: 80%;
max-width: 1310px;
margin: 0 auto;
}
Just adjust the width value. Hope this helps :)
Best regards,
Nikko
Hello Nikko,
that is still not what I mena. I need the site stay to look the same only difference the menu streches 100% to the edges of the screen. Please see attached pictures. The highlited is the only think I need to move. Thank you.
Hi,
Okay, so the there’s no adjustment needed on the body? but only on the header? try adding this code in Quick CSS (this should adjust header):
#header #header_main .container {
width: 100%;
max-width: none;
}
Hope it helps.
Best regards,
Nikko
Yes, that is exactly what I needed. Thank you very much.
Matyas
Hi Matyas,
Glad we could help :)
Best regards,
Nikko