Website when viewed on mobile not center aligned

Hello,

I use Xara Designer Pro X to make websites. I use websites from the Xara Content Catalogue, which I have done several times with no problems. But the latest website, again, using one from the Content Catelogue, was working fine for both Desktop and Moblie version browsers until the mobile version, the website was not centred anymore. I went back to the original file from the Content Catelague and tested it, and it worked fine in the browsers. Going back to the website that I was building, I backtrack it to where the problem began. But I cannot see why this problem happens? I searched everywhere on the website to see if I had placed anything outside the borders of the website's size (desktop and mobile), and I cannot see the problem?

Has anyone ever had this problem and was able to resolve it?

Attach is a pic of the mobile site, not aligned when I view it in the browser on my phone (iPhone 11)

Thanks,

eric

Welcome to TalkGraphics Eric,

Have you a url we can view your site?

URL is: http://travelinsurancedirectory.ca/

Yes Eric looking at that on my iPhone also has a horizontal scrollbar. This is being created by the mobile menu which extends off the page ;)

Hi Bramhill,

When you say, it "is being created by the mobile menu which extends off the page" is it because something is there on the outside of the mobile version? I looked everywhere and I cannot see it. Or do you mean something else - can you explain, please?

Thanks,

eric

Have a look at the screengrab above. The navbar extends outside the webpage for the mobile variant. Try moving the navbar to the left hand side of the page which will give it more space to display. You may also need to reduce font sizes to keep it within the page bounds.

Bramhill,

Thank you for pointing that out. I never realized that the navbar would affect that. I will redo the mobile version of the navbar and size it up accordingly. Hopefully, that fixes up the problem.

Thanks again!

eric

No problem. Get back to us if you require any further assistance.

Nice seeing two Erics chatting so.

Acorn