Archived topic
Cannot make full width hero images
3 replies · Started by Evan on January 23, 2020
Viewing posts 1–4 of 4
I am trying to get my hero images to be the full width of the browser window. I have set up the page hero element, and set the Container to full width. It all makes sense, but the image just doesn't show full width.
This is an example page:
https://mountainmotel.net/contact/
thanks for any help you can offer.
mark
Hi there,
Try this CSS:
.featured-image.page-header-image.grid-container {
max-width: 100%;
}Make sure your image is at least 2000px in width. Otherwise, it would look like this on a 1080p screen:
https://www.screencast.com/t/989cVQvscq
Works perfectly, thank you.
mark
No problem :)
This archived topic is closed to new replies.
