Thanks for the quick response and great advice. Looks like I will have to live with that problem. I tried using Firefox on the Ipad and the problem is gone.

I am a relative rooky when it comes to Web design but have now discovered variants which looks to be the way to go in order to make the site more mobile friendly (and readable). I have been watching a few videos this morning and now have a mobile and main variant website. I wondered what is the optimal settings for variants. Mobiles seem to be 480 but wondered what is best for laptops/PCs. is it best just to have main and mobile or do some sites have maybe 3 variants?

@SimonIG10

I think you are "over-thinking" this!

Did you read carefully what @johnebaker wrote in his reply to you:

Web Designer takes care of this for you by inserting code that detects the viewing devices screen resolution and adjusts the presentation accordingly when loaded into the viewers web browser.

I have deliberately highlighted certain phrases!

Jeff
Forum Moderator

Thanks for pointing that out. My site does scale to the various devices but some text is very small when on an iPhone etc (unless you stretch it on the phone). I quite like the variant idea where I can customise the look/text size etc depending on if it’s a laptop or a phone. I followed the Xara coaching video explaining this and it looks good. However, I wondered what are the accepted widths to use for typical laptops and mobiles (and if you need a tablet variant as well). Mobiles seem to be 480 but not sure if it’s 720 or wide for laptops.

@SimonIG10

Hi

The actual size depends on the template you use, however you can adjust the page widths independently for the Mobile, 640px (if present) and Main using the Page Options, Page size dialog.

The current width setting of 960px is the optimum to cater for most viewing devices that do not identify as mobiles, this setting does not include the browser's vertical scroll bar which can be up to 24px wide or other sidebars which may be turned on in the browser.

John EB