Jump to content

Jittery Parallax on Mobile View

Recommended Posts

Site URL: https://circlenewlanguage.com/

Hello, 

I know this is an on-going problem that has not been properly fixed in years... 

But I'd like to know, if by any chance, some has discovered how to fix this problem with the choppy parallax thing that takes place when the site is viewed on a mobile device or tablet. (I'm using SONORA Template btw, 7.0)

OR, if there's no way around this, I'd like to know if you could tell me how I can disable this effect on mobile devices only.  

Thanks in advance! 

Edited by JorgeVazquez
Link to comment
  • Replies 5
  • Views 636
  • Created
  • Last Reply

Top Posters In This Topic

30 minutes ago, JorgeVazquez said:

Site URL: https://circlenewlanguage.com/

Hello, 

I know this is an on-going problem that has not been properly fixed in years... 

But I'd like to know, if by any chance, some has discovered how to fix this problem with the choppy parallax thing that takes place when the site is viewed on a mobile device or tablet. (I'm using SONORA Template btw, 7.0)

OR, if there's no way around this, I'd like to know if you could tell me how I can disable this effect on mobile devices only.  

Thanks in advance! 

You mean this

image.thumb.png.63e167459f58a252495a32bc4abe07c2.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

@bangank36 I was doing some adjustments to the main page when you looked at it, now looks better, but I'm actually talking about the Mobile View of this Index, I had 8 elements over the image and the parallax effect looked so jittery and choppy, now I just have left 4 items on it and the same issue happens :/ So I think It'd be better to just disable the Parallax on mobile devices   

Edited by JorgeVazquez
Link to comment
  • 2 weeks later...
On 7/23/2021 at 3:07 PM, JorgeVazquez said:

@tuanphan I did it already thanks a lot! 

Do you need to fix these?

Site URL: https://circlenewlanguage.com/

1. (Tablet/Mobile – Homepage) background image doesn’t show in full size

circlenewlanguage.com-01-min.png

2. (Tablet – Homepage) Text overlap together

circlenewlanguage.com-02-min.png

3. (Mobile – Homepage) The character * isn’t on the same line with text

circlenewlanguage.com-03-min.png

4. (All devices – payment center) Images don’t show in full size

https://circlenewlanguage.com/payment-center

circlenewlanguage.com-04-min.png

5. (Mobile – Payment center) Word break

https://circlenewlanguage.com/payment-center

circlenewlanguage.com-05-min.png

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.