CODEWITHSUNDEEP
twitter-bootstrapruby-on-rails-4responsive-design
Kelly
Kelly

Reputation: 469

Bootstrap Mobile Site Moving Side to Side

I've used Bootstrap to create a responsive site. The problem is that if a person scrolls to either side the site moves with it.

I have this in my application.html.erb:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

Here is a visual of what it looks like:

enter image description here

If anyone can point me in the right direction I'd appreciate it.

Thanks!

Upvotes: 1

Views: 1666

Answers (1)

blayderunner123
blayderunner123

Reputation: 306

Try to set the body in the CSS to:

 /*CSS*/
 body{
     width:100%;
     height:100%;
     overflow-x: hidden;
 }

Had the same issue on my site and that fixed it. If that does not work add

 <head>
     ...
     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
     ...
 </head>

Upvotes: 6

Related Questions