Image Size Issues

Beaver Builder
1

I am in the process of converting this single page site over to BB:

http://motovikefilms.com/

If you view it on a mobile device, in the section with the bios, the images are full width on my phone.

However, in the BB version the images are smaller. I’ve tried using CSS to force them to be full width, but no luck:

http://motovike.wpdevsite.net/

I should also mention that this is only on the iPhone, not re-sizing the browser or on my android test device. I think it has something to do with how BB is handling retina on the iPhone.

2

ps. I don’t think it’s a WordPress issue because both sites are running the latest WordPress (I know they did some stuff with image optimization in 4.4.x).

3

Hey Dave,

I think it is indeed an issue with the image optimization WP introduced in 4.4. I checked the original site and the image doesn’t have the srcset attribute added. You could try installing a plugin like WP Retina 2x to enhance images on retina display. Give it a shot and let us know how it goes! :slight_smile:

Ben

4

Thanks Ben, it appears you are correct and that plugin fixed it.

5

No worries at all, Dave! And glad I could help! Enjoy! :slight_smile:

Ben