Archived topic
Make a Header Element Same Width as Content
6 replies · Started by Martin on April 14, 2020
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
Hi there,
edit your Header Element and set the Container to Contained
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
That is odd - try adding this CSS:
.page-hero {
width: 100%;
}That sorted it! Thank you David!!!
You're welcome
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...
