Getting Parallax to work correctly on tablet devices

I am looking for advice on how to get Parallax effect to work correctly on tablets. I’ve tried resizing and repositioning the background image and while it looks great on desktop, when look at the site on tablet (of various sizes) the image is positioned such that it doesn’t show but a small portion of it that makes it unrecognizable.

I am using WIX editor so the client can easily maintain so I know options are probably limited but hoping someone has a work around? I hate the idea of pulling the effect off the site but i need it to work on tablets.

Site in question: (still draft)

Example of what happens on tablets.

As far as I can tell, the Wix editor does not support parallax effects on mobile. I don’t know if something like this can be coded…There are other animations that are supported on mobile. I wonder if one of them would work for you as a substitute…Wix Editor: Using Animation and Scroll Effects on Your Mobile Site | Help Center | Wix.com

Thanks Dena, my issue is with tablets (which is showing the desktop view, not mobile). I suspect you are correct and there is nothing i can do but i was hoping someone out there had figured out a work around - like a specific size or how to position the photo on the background, or something. Really bummed out I have to ‘dumb down’ my desktop site so it works on tablets.

Where a wish → there a way.

Related to your comment above, about → desktop and mobile view ←

You are able to detect, in which of VIEWs your page is currently shown with…

So now you already have the DETECTION for the FORM-FACTOR.

Now you could manualy add some → CUSTOM CSS-STYLING ← to change the appearance of your PAGE, looking like you want it to be.

Yes some CODE is of course needed!

So if Wix is not capable to provide you the wished result → DO IT YOURSELF! :upside_down_face:

Thank you. the issue is I’m using Wix Editor, not studio, and as far as I’m aware - please correct me if not-- there is no way to add custom code in Wix Editor. I’m put it in editor so that not tech client can maintain the site long term.

Well that’s correct! I was too fast and forgot about the fact that you are working on ordinary-Wix-Editor. In this case you can’t use CSS globaly, at least not that easy.

Last chance would be → CUSTOM-CODE ← or → CUSTOM-ELEMENT
But here it will get very very tricky.

1 Like

Sorry I couldn’t have been more help. I have found that my tablet is not consistent. That is, sometimes it shows mobile view, other times desktop…it looks like @CODE-NINJA has offered you some good input. Let us know how you decide to proceed. D

1 Like