Full Width Navbar with Boxed Layout

[Nate_Sheridan]

Hi,

I’m trying to achieve a page style that has a full width header and footer but the content of the pages is boxed.

When searching the forms I came across this post:

Full Width Navbar with Boxed Layout, Renew Stack

I’m using Renew stack and I want to have a full width navbar while using the Boxed layout for page content. I’ve been struggling for days to get control of the navbar area. I tried the other solution posted on the forum but it doesn’t work for tablet size displays. It shows white bars when you scale the page down to tablet sizes. I would like for the navbar to go full width just like the full width site does with no errors. Currently it’s showing the default background color. Sorry my site I’m …

I am using the latest version of Pro (love the looper/consumer feature) and wondered if there’s a tutorial or article on how to achieve my desired layout with the page builder and how to then apply it to ‘all pages’?

[ruenel]

Hello @Nate_Sheridan,

Thanks for writing in! You can simply go to Cornerstone > Layout Builder and create a layout that will be boxed. As for the fullwidth header, you can go to Cornerstone > Header Builder. You can then assign both the header and the layout as “All Singular” conditions.

If you are not familiar with the builders, please check these documentations:

• https://theme.co/docs/header-builder-overview
• https://theme.co/docs/layout-builder-overview
• https://theme.co/docs/conditions-and-assignments

Best Regards.