Best Answer Danny , 20 March 2013 - 11:02 AM
This is happening as the code you're using is overriding the @media query for devices. When your site is viewed on a device with a screen resolution of 767px, the padding is set to 0. But as your code is overriding this and setting it to 39px for all devices/browsers.
I recommend you add a @media (max-width: 767px) to your custom CSS and have the padding set to 0. You can see how this works by either resizing your browser window, load up your browsers web dev tools and the @media (max-width: 767px) CSS will then be visible for you to see.
When adding custom CSS to the style.less, you may require using one of the overrides, see our documentation for more information.
Go to the full post