This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Stop background images turning landscape on mobile & tablet devices

7 years ago · Last reply by Alex S 7 years ago

Hi!

I’ve got an issue I can’t seem to find a solution for anywhere.

http://testsite.bishbashbob.com/my-work/
The background images on this page are portrait, but they turn landscape when vieved on mobile & tablets, cropping the images considerably.

How can I keep them portrait & full height on any devices?

Appreciate any help. Thank you!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Alex S Staff 7 years, 10 months ago

    Hi Elzazvaigzne,

    Unfortunately, what you’re experiencing is how backgrounds set to cover works in CSS. The only way to avoid this is to reduce the height of the spacing you’re adding on mobile. Alternatively, I would recommend adding the images via HTML (either directly to the SiteOrigin Editor widget or add the image with a SiteOrigin Image widget).

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread