Archived topic
Post hero not aligning with header and content
6 replies · Started by John on February 27, 2023
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.
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.
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?
As requested
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.
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.
Glad to hear that :)