I'm having a slight issue with the ruler at the top of the website. The left side of the website starts at -100 on the ruler. The 0 is roughly one inch into the site. Any ideas how to reset the ruler so the website starts at 0?
A screen shot is attached.
Do the following:
I think, you mistakenly assume, that the canvas of your document is the page width.
Thank you for the help. I added the red colour to see the actual website size. How can I remove the white sections from the sides? I have tried to reduce the page width in the site properties, but that did not work.
You can't. The area outside the page dimensions represents the browser background, which you can modify as well. There is no need to remove this. You only should keep your guidelines visible!
Okay. I understand. When I view the website on my phone, the website is not centred and the left side of the webpage is cut off. Any idea how to fix this? I assumed it was related to the page margin.
Always the same issue. If you use the search command, you'll find tons of threads about this.
Mobile browsers try to display every element, which you have placed. If there are element outside the breakpoint/page width, the page will be displayed in reduced size and shifted to the side with these misplaced elements.
Check your pages – including master pages, – that no element overlaps/is placed outside the page/breakpoint boundaries. You can identify misplaced elements — even invisible ones — by
• moving the scrubber slowly inwards (if you have fluid breakpoints/pages)
• zooming out and hit cmd+A (select all).