Detection: css media & cookie
Display Type: Dynamic
This was an addition to an already existing site I revamped earlier this year. This mobile version was developed for ease of use and maximum compatibility for mobile/smartphones. It supports backwards readability for users that wish to view the full version with a session based cookie.
Create a file called mobile.js and add the following code to it, be sure to replace shawnhyde.com with your own domain name.
You will need to create a link back to your full version site for people with large display smart phones that do not want to use the mobile site. In order to do this you just need to add the following code somewhere on your mobile site.
You can also add a floating link back to your mobile site in case they have problems by adding the following code to your main site.
You will need to add a file named desktop.css with something like the following code.
You will need to add a file named mobile.css with something like the following code.
Also, be sure you update the code to reflect the correct folders for files. For example, "css" folder, "js" folder.
Edit / Updated the code to support newer mobile clients.