Ask your WordPress questions! Pay money and get answers fast! (more info)

Mobile layout has slight jiggle (video included) WordPress

  • SOLVED

Hello,

I need to find the part of our CSS code that is causing this small view port break and I need a fix.

This happens for me on a Google Nexus phone, but I need you to check if it happens on your device as well. I think it does.

Here is a video showing the "jiggle": https://www.screencast.com/t/zqNYJb50c

Site: llcuniversity.com

Thanks!!

Answers (2)

2017-02-24

Naeem Nur answers:

Yes, it's happening on my iPhone too. Add this on your style.css to fix it

#footer {
overflow: hidden;
}


king2244 comments:

Thanks Naeem, this worked. And so did the other commenter's CSS. Is one better than the other? Do I need a media query for this? Thanks!

The other CSS (in case you can't see it) was:

@media (max-width: 767px){
#tt-wide-layout{
overflow:hidden;
}}

2017-02-24

Rempty answers:

Add this to your css
@media (max-width: 767px){
#tt-wide-layout{
overflow:hidden;
}
}


king2244 comments:

Thanks Rempty, this worked. And so did the other commenter's CSS. Is one better than the other?

The other CSS (in case you can't see it) was:

#footer {overflow: hidden;}

Also, shouldn't this read @media only screen and (max-width: 767px)...?

Thanks!


Rempty comments:

My solution is more global, in case you have another div with a width higher than container this will not cause problems
The real problem in your web is
the ul.footer-nav, have extra padding in the right using this code will fix it without using my global solution.

@media (max-width: 767px){
ul.footer-nav{
padding-right:0!important;
}
}