Mobile Linked Webage different from Desktop Pages

[dwidjaja]

Hi, I was wondering whether it's possible to either:

1. build a separate webpage for mobile optimization and link those specific webpages to just the mobile browser menu bar?

2. edit the layout of just the mobile version of the website.

Thanks,

David 

[freehand1]

I'm not sure if this is what you need, but you can redirect a specific page to another (mobile optimized) page by placing the following code in the header section of the page you want to redirect from:

<script>
 var ua = navigator.userAgent;
 if ((ua.match(/iPhone/i)) || (ua.match(/Android/i))) {
 location.replace("mobileoptimizedpage.html");
 }
</script>

[dwidjaja]

Hi @freehand

How do you just put that snippet of Code in 1 specific page? Doesn't the header code section is for all of the web pages (the whole website)?

Best,

David

[freehand1]

Hi @dwidjaja,

You can add header code to specific pages through "Pages > SEO Settings > HEADER CODE" – see attached screendump.