[Resolved] Page Hero Grid Settings Alter Alignment of SiteWide Headers

[Vernon Lees]

Hi, as above really.

I set up the front page Hero from the example given but this has now aligned my sitewide header element to the right.

Example page given (and the homepage)

I think it’s this bit of css added that is causing the issue but can’t work a way round this.

.inside-page-hero {
display: -ms-grid;
display: grid;
grid-template-areas: “left right”;
-ms-grid-columns: 50% 50%;
grid-template-columns: 50% 50%;
}

Thanks in advance.

[Leo]

Hi there,

Any reasons why you can’t use the horizontal alignment option for the home page hero?
https://docs.generatepress.com/article/how-to-create-a-page-hero/#step-5-position-the-content

Let me know 🙂

[Vernon Lees]

Hi. Good idea. However I tried this and the horizontal settings do not seem to align the content (i.e. to the right) when I put change it to this in the settings.

[Vernon Lees]

Actually ignore my last comment..I’ve sorted it! Thanks for the help. 🙂

[Leo]

Glad you’ve figured out 🙂

[Author]

Posts