Premium HTML Templates for Mobile Devices: My Mobile Page V2

Sunday, May 5, 2013

My Mobile Page V2

My Mobile Page V2 is the second version of “My mobile page” template. We have decide to create an improved version of this template with a fluid layout that will automatically adjust to the screen size. The new fluid layout is built using CSS3 amazing features and some nice jQuery effects.

Mobile Preview

Updates 01 (30-Jan-12)

Added a contact.php page with a working contact form

Fixed the “bug” of “jumping” pages content when sliding on iphone down the page

Instructions on how to add a mobile detection code and redirect from you desktop website to the mobile version

2 easy steps:

Go and download THIS mobile detection code and copy the file to your “desktop website” root folder.

Open you “desktop theme” main file (this must be a php file, if not you must create it .php) and right at the top include this code:


<?php 
include("Mobile_Detect.php");
$detect = new Mobile_Detect();
if ($detect->isMobile()) {
   header('Location: http://yourmobilewebsiteurl.com');
}

?>

Make sure you write your mobile website url corectly here: “http://yourmobilewebsiteurl.com”

Instructions on how to use the contact.php file

Just open the php file, and right at the top code lines you will see email located. Just replace that email with yours. Now just make sure to link your contact icon from home menu to contact.php instead of contact.html file. Also to remember that we have included a javascript file to help validate the inputs. The file is located in “js” folder.