Full Width Image isn't stretching all the way

[hickman]

Hi there! I have an image right at the top of my website that I would like to stretch all the way across the page. It’s 3000px wide and shows that it fits in the editor, but when viewing regularly in the browser it stops halfway across the page (as if it was too small) Any ideas?

Woodfield Photography

[friech]

Hi Hickman,

Thank you for writing in, are you using any type of image optimizer plugin? Your image natural width is resized down to 1016px.

You can force an image to be full width by adding the following custom CSS on the Element CSS of the image element.

$el.x-image,
$el.x-image img {
	width: 100%;
}

Please keep in mind that this will stretch small images and will look blurry.

Hope it helps,
Cheers!

[hickman]

Ugh - It was a setting on the Jetpack plugin. Thank you!!!

[friech]

You’re more than welcome, glad we could help.

Cheers!