Parallax Image On Mobile

Hello!

Great theme I love what can be done with it! So far I notice quite a few bugs in it. The first thing that I’m unable to figure out even after reading quite a few threads on the topic, is the parallax image on mobile. I purchased images according to another thread, image size is over 2600 # 2000px. The image on mobile looks very bad, I tried doing a few things with Jetpack to no avail. Please assist.
My website is http://lonestarorganic.com/

Thank you

Hey @directallied,
Hope you’re doing well today

Could you provide me with a screenshot of what you’re seeing so that I may provide you with some assistance?

Also, I’m going to ask that you kindly try adding and saving the CSS below to Appearance > Customize > Additional CSS:

.parallax-window.fullscreen {
background-size: contain!Important;
}

I hope this helps :slight_smile:

Best Regards,
Support

The custom CSS did not fix the issue.

it would be easier if you pulled up the website on a mobile device than sending a screen shot. Could you try that first please?

Again, I really want to use this theme and the image I purchased for it, and give a 5 star review, please help me make this work.

THANK YOU SO MUCH!

Hi there,
Thanks for keeping in touch with us.

The image you’re using is way too large, and as a result, the phones are zooming the image to display at the position set with the theme’s CSS (center center) based on the original size of the image which is 26xx by 26xx (I don’t remember the exact size but it’s somewhere in that neighborhood).

Try scaling that image down to about 1080p and you should be good. You really don’t need anything bigger than 1080p.

I hope this helps :slight_smile:

Best Regards,
Support

This question was moved to the Shapely theme forum, still unresolved, the adjustments didn’t make a difference

Please help at https://colorlibsupport.com/t/parallax-image-on-mobile-2/#post-98121