Website when viewed on mobile not center aligned

**ericottawa** · 14 April 2021, 06:08 PM

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

**Egg Bramhill** · 14 April 2021, 06:18 PM

Welcome to TalkGraphics Eric,

Have you a url we can view your site?

**ericottawa** · 14 April 2021, 06:22 PM

URL is: http://travelinsurancedirectory.ca/

**Egg Bramhill** · 14 April 2021, 06:30 PM

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

**ericottawa** · 14 April 2021, 06:40 PM

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

**Egg Bramhill** · 14 April 2021, 06:49 PM

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.

**ericottawa** · 14 April 2021, 06:53 PM

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