I am making a site and trying to incorporate responsive design for the first time.


It functions pretty much the way I hoped it would with one exception. When I look at the site in various responsive layouts it has an awkward scroll bar that appears at about 960px browser width and goes away at 720px. The effect occurs on single column pages as well as the two column pages.

This makes the site look awkward on tablets in both portrait and landscape

I'm thinking that I need to add or modify the @media screen queries to make this go away but I'm not sure if that's really the issue. I've tried a bunch of experimenting but I seem to be hopelessly spinning my wheel;s.

Any advice or suggestions most appreciated.