I've got a really minor niggle here, but it's really annoying me as I have no idea at all what could be causing it. Basically, on the website which I'm currently developing, the browser window is constantly convinced that there's a small (maybe 10px or so) margin on the right-hand side of the page, which always initiates the horizontal scroll bar.
This is a super minor issue when using the desktop version of the page, but the page scales down via media queries for mobile browsers etc and it actually does affect usability on smaller devices as it can be difficult to scroll straight up and down when viewing on an iphone for example, because of this tiny margin. I know it's not a big deal, but usability is key for me.
The website in question can be seen at www.getoutglasgow.com
. It hasn't been released yet, but if you navigate to www.getoutglasgow.com/wp-login.php
and enter TestLogin and 12345 you will be able to login and view the site. It'll take you to a UserCP when you login, but just click "Get Out Glasgow!" in the top-left corner to access the website.
Does anyone have any idea at all what could be causing this error? I'm hoping it's common or has happened to someone here before as I'm a bit stumped.
Edit: I wonder, if everyone's a bit confused by this one, would it be worth just deactivating the horizontal scrollbar altogether? Or do you think this could have any usability implications which haven't occurred to me?