csswidthbootstrap-5column-width

Mobile site going slightly outside the device screen width

I made this single web page and when I view it my mobile device, and I thumb to the left, the width of the website shifts over slightly, like the left and right edges are not completely contained within the device screen. It doesn't shift around on the DuckDuckGo browser, but it does on Safari. Is anyone aware of how to correct this?

I've used Bootstrap Grid and tried to set the correct element width specifications with CSS.

Solution

  • i think it's about the width of you div with the ID "spinningDial". She's to big on small device.

    Remove it for a test. Then the page width will be perfect on mobile device. Or you can juste try to change the width of this div for a test (100px for example).