Archived topic
Wiggle/Elastic left and right scroll esp IOS
9 replies · Started by franzescodesign on October 18, 2018
Hi GP team! I've been a huge GP+GPP user ever since and I'm using your theme to my clients as well. The thing is, my current client noticed the wiggling movement and I thought that it was normal because I'm not using any theme aside from GP so I think it's normal. I compared GP official site to OceanWP and I got what he's pointing on the wiggle issue. I did include some CSS to prevent the left and right scroll but it didn't work out.
Is this one of the features of GP theme? I hope to hear from you soon so I can come up with the right solution to his site that I'm building. Thank you!!
Hi there,
Not quite sure what you mean by "wiggling" issue?
Like a horizontal scrollbar on mobile?
If so it's likely that an element is wider than the screen.
I see you are using Elementor heavily. Does it happen on a simple GP page?
Here's the draft blog post/page using an Elementor's template: https://resumezilla.franzescolastico.com/write-killer-resume-lands-interview/ and here's the other one without the template: https://rsz.franzescolastico.com/write-killer-resume-lands-interview/
I managed to remove the horizontal scrollbar by having an overflow hidden CSS and body 100% width and checked everything but the site is still moving left and right when you scroll it diagonally.
I checked both links using my iPhone 6s and looks like it's only happening on the page with Elementor.
Oh :( what do you think is the exact problem?
I'm not familiar with Elementor so I'm not sure.
Best to check with their support :)
Okay, Leo. And just wanna clarify, I use these codes:
.alignright {
float: right;
margin: 0 -165px 0 0;
padding: 20px;
}
.alignleft {
float: left;
margin: 0 0 0 -165px;
padding: 20px;
}
@media (max-width: 768px) {
.alignright {
margin: 0 0 0 0;
padding: 20px;
}
.alignleft {
margin: 0 0 0 0;
padding: 20px;
}
}
on his blog posts, will that be an issue?
Possible.
You can always test by commenting out or temporarily removing the code.
Got it! Glad that it's not a GP issue :D Thanks!
No problem :)
