[Resolved] Post hero not aligning with header and content

[John]

I’m still very new to GP 🙁 and I’m sure there is likely a simple answer. However, I’ve struggled to find a solution for a few hours now and can’t find a solution in the support pages.

I’ve created a post hero but it doesn’t align with the header and content. I’ve attempted to use spacing/padding to resolve however when I add corrections to fix it then is out for other screen sizes.

Any help would be greatly appreciated.

[John]

I have attempted to create another hero post using a template but the issue still occurs with all hero content aligned to the left out of sync with everything else.

[Ying]

Hi John,

I’ve created a post hero but it doesn’t align with the header and content.

Can you link us to a post where we can see the hero?

[John]

As requested

[Ying]

Hi John,

I assume the hook you are using is before_header, this hook is full-width by default.

You can do so:

1. edit the GB container’s max-width to 1200px which is your theme content container width.

2. set the GB container’s margin left and margin right to auto to center it.

3. add 40px left/right padding for desktop/tablet, and 20px left/right padding for mobile.

[John]

Thanks for your reply.
Strangely, I had set it as after_header thinking it meant site header when I changed to the quick hook setting as before _content it resolved the issue.

[Ying]

Glad to hear that 🙂

[Author]

Posts