[Resolved] Home page: full width. Every other page 1200px wide

[deaf_aotearoa]

Hi there,

I am using the GeneratePress theme with Elementor, and Elementor – Header, Footer and Blocks.

I am trying to get my website set up so that the home page has Full width headers and footers. There is a Hero image that is also full width. Below the Hero Image I have 4 content boxes. These are contained in a 1200px container. That is the home page.

Every other page should be contained within a 1200px container. I’ve tried changing the Page Attributes Templates.

On the Customize Page, I specify that the headers should be contained. But when I tell the Home Page to use a Full Width template in the Page Attributes, it does not affect the header.

[Tom]

Hi there,

What if you do something like this?:

body.home .grid-container {
    max-width: none;
}

Let me know 🙂

[deaf_aotearoa]

Hi,

thanks for the response. I’ve since then decided that using the Elementor Builder is not the way to go. It is adding too much bloat to the website.

I am now trying to build the website as pure as I can with CSS. Wish me luck

[Tom]

Cool – good luck 🙂

[Author]

Posts