Hero images won’t go full width

  • I’m an experienced WP user and I’m getting a problem, where hero images don’t reach to the right hand side of the page.
    Here’s the site:
    https://new.movingsounds.org/
    The images are 1920px or sometimes more, but whichever image I choose it does not reach the full width of the page.
    The img and srcset code seems suspect (this for an image originally 1920 x 1080) and sure enough the image only stretches to 1084w:

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hmmm, that is weird. When I inspect that image in my browser, it is setting a width of 1084px, but when I grab the URL of that image and view it, it is indeed 1920px in width. We can fix that though with this bit of custom CSS. Go to Customize > Additional CSS and paste this in.

    .hero-content > img {
	width: 100%;
}

    I created an image with the same dimensions as your image and inserted it into my test site with Sela, and it came in as full width, so I’m not sure what is going on there. I don’t see anything looking at your html or CSS that would cause this though.

    At any rate, the above CSS will force the images in the hero section to go full width regardless.

Viewing 1 replies (of 1 total)
  • The topic ‘Hero images won’t go full width’ is closed to new replies.