Archived topic
Horizontal Wiggle on Single Posts viewed on iPad & iPhone
5 replies · Started by STEVEN on March 14, 2018
Using GP & Antispam Bee 2.7.1, when viewing single posts (not pages or archives) on iPad & iPhone Safari & Chrome --there is a horizontal "wiggle".
Specifically, on iPad or iPhone, after navigating to single post, using single finger, post scrolls about 25% left or right, then bounces to re-center on release. When post is resized, using two-finger gesture, the horizontal wiggle goes away (scrolls up or down only). Wiggle reappears when post is closed & revisited.
I found issue only with GP & Antispam Bee. Don't see problem with GP demo or with Anispam Bee & other themes (e.g., 2015 or 2016). To isolate, I activated GP, deactivated all plugins (no wiggle), then re-activated 1-by-1 to isolate Antispam Bee.
Not major problem on iPad. But, more noticeable on iPhone --scrolling down using thumb often causes page to move sideways. Trivial, but frustrating.
Appreciate any insight.
Hi Steve,
I can see it on my iPhone 6s but not using browser resize.
Can you try this CSS?
body {
overflow-x: hidden;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Leo,
Thanks for looking into this.
I already had following in Simple CSS (credit to Dave Foy & Lyle Chamney).
html, body {
max-width: 100% !important;
overflow-x: hidden !important;
}Tried your slimmed down variation, with no effect.
Steve
Can you try adding this CSS?:
.comment-form-comment textarea {
display: block;
}Tom,
That seems to have done the job. Thanks!
Steve
You're welcome :)
