Responsive website
Author: Jamie B.
Visited 4259,
Followers 2,
Shared 0
To create a responsive website in x5 create 2 sites desktop and mobile, in the desktop version make your header the same size as the background, in mobile version make your header width 640 pixels then use the mobile redirect script which I will upload shortly. It's not as hard as some people think. You can see how it works here www.x5tuts.com/new check on pc first then mobile
Posted on the
You don't have "one" responsive website. In fact you still have "two" separated and manteined websites, one for desktop and another for mobile.
Great work anyway.
Author
Yes that's true, but visitors don't know that once the visit the site via mobile, the script automatically detects the mobile device, and redirects to the mobile version, this is the only way to give the look of a responsive site at the moment.
Regardless of users knowing or not, its not a "responsive" website, so you can't claim "To create a responsive website in X5..."
Responsive would have been THE reason to buy X5 pro.....well some day :/
Sadly there is no responssive themes on website x5 pro. I did purchased it the pro, but there are few things that need inprovements. If i would know of the limitation before paying 250$, I would had gone with wordpress themes.
Author
my apologies Eduardo maybe I worded it wrong, yes we created 2 sites 1 mobile and 1 web, but the script we use for mobile redirection redirects users to the mobile template, so users will never know the difference, we have 3 full screen templates that come with mobile template and have the redirection script already in the main web template you can view them here on your pc and mobile device www.x5tuts.com/store.html
Hello Jamie, i cant find your script. Did you allready upload it?
got it:
<scriptlanguage="javascript">var mobile =(/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));if(mobile){ window.location.replace("http://m.site.de");}else window.location.replace("http://your.pc.site");</script>
Author
yes thats correct, i will upload the script shortly for everyone to use, our premium templates already come with it included in the template packs, so it makes it easier to use our templates.
jamie
www.x5tuts.com - x5 tutorials & forum
Jamie, nice sites, but they are not responsive...
Jamie - where on your website exactly can I find/buy your tutorial and/or script?
Thanks
Edwin
I take it the script above is the correct script even though it wan't Jamie posting? If so, do you insert the script on the main site? In what part do you insert it? Also I take it you replace the "http://m.site.de" with the main site and replace "http://your.pc.site" with the mobile site?
You should put the script on each page that you want to have the redirection happen, as the visitor could get to your site on any page, I think the above script also caters for if the visitor gets to the mobile page on a pc it will redirect to the desktop version. "http://m.site.de" is where you put your mobile address, "http://your.pc.site" is where you put your pc or main address.
Another way is to test the width of the browser and switch to different pages, so you could have more than two different widths.
The script is to be placed inside the body of the page, look in X5 help for adding code into the page html.