Add multiple mobile pages to a single page main site

[Acorn]

15MB seems a massive size for a design file that is mostly for a mobile showing.

Ensure you have mster copies of all images elsewhere and then try Utilities > Optimise all images.
Close your Xara Desktop application and re-open.

Recheck the file size.
You could try zipping it or uploading to a Cloud service like Dropbox and sharing.

Acorn

[HostAgeek]

15MB seems a massive size for a design file that is mostly for a mobile showing.

Ensure you have mster copies of all images elsewhere and then try Utilities > Optimise all images.
Close your Xara Desktop application and re-open.

Recheck the file size.
You could try zipping it or uploading to a Cloud service like Dropbox and sharing.

Acorn

Hi Acorn / Rob,

Here is a link to the file on Dropbox - Let me know what you think.
In the file > mobile site you will see that I still have the single page for the mobile site (just in case I need to do a single page);

https://www.dropbox.com/s/pbsazcp8o7...bsite.web?dl=0

In the test preview environment the mobile site pages load no problem using the nav button but when published the pages are not available.

Cheers
HostAgeek

[Acorn]

Thank you for your upload. What was worrying Rob and myself was how you could manage to have a single Main web page and many mobile pages.

Well, what you have effectively done is clone the main page into the other page names for each Mobile page.

The problem you have is probably just down to the browser retaining an older version.
Try pressing Ctrl+F5 in your browser to clear its cache and recheck. You can also try with a different browser or account to see if it is local caching.
Some web providers take a time to refresh the server caches and usually all you can do is wait.

Sensibly you could publish two separate site and link them with a bit of code along the lines of https://www.talkgraphics.com/showthr...45#post604645:

<script>vpw = window.innerWidth;
  if (vpw > 480) {
     location = "<path to main>/index.htm";
  } </script>

Acorn

[HostAgeek]

Thank you for your upload. What was worrying Rob and myself was how you could manage to have a single Main web page and many mobile pages.

Well, what you have effectively done is clone the main page into the other page names for each Mobile page.

The problem you have is probably just down to the browser retaining an older version.
Try pressing Ctrl+F5 in your browser to clear its cache and recheck. You can also try with a different browser or account to see if it is local caching.
Some web providers take a time to refresh the server caches and usually all you can do is wait.

Sensibly you could publish two separate site and link them with a bit of code along the lines of https://www.talkgraphics.com/showthr...45#post604645:

<script>vpw = window.innerWidth;
  if (vpw > 480) {
     location = "<path to main>/index.htm";
  } </script>

Acorn

Hi Acorn/Rob,

Thanks for your comments - Yes that is exactly what I did. Now that I have published the site : The problem is that I am checking the mobile site on my iPhone 8 and the mobile index page is loading but the Nav button links give a 404 Not Found. However the Home link on the nav button reloads the index page ! When I click on the legal pages in the footer they appear however the home buttons on the legal pages do not return to the index page. Is it the navigation set up on the Mobile site that's the issue ?

Cheers
HostAgeek

[Acorn]

We would need your published address to check. I do not have iPhone so it would be difficult for me.

Acorn

[HostAgeek]

Acorn / Rob,

Here is the site uploaded on my development server : http://mearnswood.com/ayreseng/index.htm

Cheers
HostAgeek

[Rob-Xar]

Interesting, I see what you mean and this is certainly a first time I've seen this sort of layout!

I didn't have any problems with your file - http://robert1.xara.hosting/ayr/ , are you deleting the other pages after it has been uploaded?

Also, if the other pages on your main variant aren't in use so to speak, I would suggest un-sharing the elements there (don't worry, they should remain on the mobile variant), then delete them. This will reduce the amount of files that Xara uploads and also make the page more lightweight, although depending on the viewport, those on a tablet who view your website in portrait and then switch to landscape may see a blank page.