[Support request] Content width problem

[Shivam]

I have kept the container width 900px from the customizer > layout.

But i wanted to keep all of my page width to 1200 px, so i went to element > layout and creted a new rule for only page and kept content width 1200px.

But i don’t know why page is also coming in same 900px instead of 1200px

[David]

Hi there,

try it the other way around ie. set the Customizer > Container to 1200px and then create a Layout Element for the Posts etc to 900px.

[Shivam]

It worked but the page hero width is not matching the content area width. Page hero width is equal to container width from customizer> layout

[David]

Try this CSS to limit the width of the Page Hero on the Single Post:

body.single-post .inside-page-hero.grid-container {
    max-width: 900px;
}

You will need to add some left and right padding to your Header Elements

[Author]

Posts