Mobile Page Load
-
Hi there, on mobile devices, when my page first loads, the main content block jumps from small to big. This only happens on the home page. I assumed this was some of the css I added. I did a test and removed ALL of my css customizations, closed browser, opened the site and it still happened. Any thoughts? The theme I’m using is motif, but I don’t think its a problem with the theme itself, as I tested the theme demo in mobile.
The blog I need help with is: (visible only to logged in users)
-
Hmmm, I tried this on my iPhone and was able to reproduce this behavior on your site. I then activated Motif on my test site and tried it from my iPhone and I did not get the misbehavior (no custom CSS).
Can you by chance remove your custom CSS again and then post here so that I can check your site on my phone?
-
Can you let me know a good time? I’d rather not have the custom css down for more than a minute or two if possible. Thanks for your help with this!
-
So since this only happening with the front page loading in mobile and I had already tried removing the css, I decided to individually remove the widgets on the front page. It’s the twitter widget. When I remove it – no more jump. Where can I report this? It’s definitely a relative recent issue.
-
Moving twitter widget to the left instead of right side fixes the problem. Not to be picky, but we won’t want it on the left because on cell phones that means next up is last in line and the guys check it all the time on their phones.
-
Maybe a conflict with twitter and the theme media queries for margins or widths for right front widgets?
-
I was wrong. Moving the widget to the left solved the problem on iPad not on phones. I’ve moved it back to the right and giving up -temporarily.
-
@ohssoccer, sorry for this issue. I’m going to chat with the developers about this and see if they can figure out what is happening. I’ll get back to you as soon as I can on this.
-
@ohssoccer, I chatted briefly with one of our developers and I have filed a bug report on this. Hopefully it will get fixed soon, but I don’t know where it will fit into the priorities, so can’t promise when. I’ll post back here though when I hear something on it.
-
-
I don’t know much more, but our developer is on an iPhone 6 and not able to replicate. I’m on an iPhone 5s, which phone are you using and which which browser, if not the default? It looks like it may be in the twitter code itself. When we verify that, we can contact twitter. It may be that I can work out some temporary CSS to fix the issue once we know where the issue is originating. Hang in there.
-
It’s definitely in the twitter code. When I remove twitter, it goes away. When I add twitter to a regular sidebar page it happens there as well. I’m gong to add twitter on another one of my sites and see if it happens.
-
Our developer is still looking into this and hasn’t been able to reproduce. It seems to only be an issue on iPhone 5s and similar screens. He has an iPhone 6 and it doesn’t occur on that phone. I’ll keep you posted.
-
Hello!
After some more investigation, we were able to reproduce this issue. It can also be recreated with other themes, so it looks like an issue with the Twitter Timeline Widget itself.
The cause is still being investigated, but in the short term, I have some CSS that can be added to your site, that should help prevent this issue with the Motif theme:
@media screen and (max-width: 320px) { /* fix for iPhone 4/5 zooming out/in when Twitter widget loading */ .widget_twitter_timeline iframe { max-width: 100% !important; width: 290px !important; } }Just let us know if you have any questions about the above!
- The topic ‘Mobile Page Load’ is closed to new replies.
WordPress.com Forums 