[Resolved] Make a Header Element Same Width as Content

[Martin]

This is probably a super easy question but I can’t see how to do it.

I want to make a header element display at the full width of the page container, not the full width of the browser window. So it will be above the content and side bar but no wider than that.

Thanks.

Martin

[David]

Hi there,

edit your Header Element and set the Container to Contained

[Martin]

I currently have Container set as Contained and Inner Container as Contained but my background image is only as wide as the text within it, not full width.
It’s a new site but here’s the home page with a header;
https://louthlincolnshire.co.uk/

Thanks for looking.

Martin

[David]

That is odd – try adding this CSS:

.page-hero {
    width: 100%;
}

[Martin]

That sorted it! Thank you David!!!

[David]

You’re welcome

[Martin]

Sorry about adding another ‘thank you’ but I couldn’t mark it as resolved without a reply and couldn’t post another topic without marking this as resolved… Hmmm…

[Author]

Posts