Options to detect and redirect smartphone users from your top level desktop website to your mobile version site. This allows for an adaptive website setup that includes both a desktop/tablet version and a separate mobile version website located either in a hosting sub-folder, or the smartphone version can reside on a separate domain.
Guide to Add a Separate Smartphone Version
Guide to Add a Separate Smartphone Version
Automatic DetectionjQuery script that detects smartphones
jQuery Script Details
This is a very small script. Adding it to any website requires uploading one file and adding the script "call" to any, or all of your webpages that you want to automatically redirect when viewed on a smartphone. Includes step by step instructions, plus support to add the jQuery library file to your webpages if your site does not already include this feature.
View full script details
Help guide to add a mobile site
Mobile website plugin
jQuery Redirection Features
The jQuery redirection script is FREE for download if you have purchased any Allwebco web template. To request the free download please contact us.
jQuery Auto Detection
Passive DetectionCSS code that detects screen width
Automatically detects the web browser screen width using css Media Queries and pops up a layered css mobile selection link box on small viewing screens. Compatible with any website, any Allwebco template, or any template from another vendor. The css mobile detection overlay is HTML5 code but works with old and new website code. For responsive, HTML5, XHTML, PHP and older HTML 4.01 websites.
How It's Added to a WebsiteTwo lines of code in each HTML page are all that's required. One line in the "head" section for the overlay css and one line in the "body" section for the HTML and close scripts. Step by step instructions are included.
What is a css mobile detection overlay?
View add-on support page
Mobile website plugin upgrade
CSS Detection Overlay Features
How the Detection WorksThe css mobile detection will not display on PC and Mac laptop and desktop computers or tablets because the width of these devices is wider than the display threshold (or breakpoint). The overlay uses css3 Media Queries to detect when a browser has a width less than the threshold set in the css file (320, 480, 640, 768). Once the width threshold is achieved in the web browser the mobile overlay selection link box will display. The display threshold width is editable so you can set the overlay to detect any specific width you desire.
Editable HTML5 Plain TextAll source code is included with the download as well as full support. W3C complaint standard HTML5 code, can be edited using any plain text editor. Icon images are .png but .jpg images can optionally be used. Height, width and location of the css detection overlay are all editable.
Customizable ColorsThe css mobile detection overlay uses W3C compliant .css code that can be custom edited with any colors. Six easy to switch color themes are included in the download.
Free Auto Redirection AvailableOur mobile detection overlay add-on uses passive redirection. Users select the mobile version by clicking the overlay box. We also have available, free with your purchase, an automatic smartphone jQuery redirection script. contact us to request this download. For more details see Automatic Mobile Redirection in support.
Looking For a Mobile Web Template?Allwebco offers a selection of business mobile website templates as well as budget priced mobile sites.
100% Ad-FreeThe mobile overlay is HTML5 code and includes no advertisements of any kind or references or links to any other websites or sponsors. The download includes all source files so this application is independently setup on your website and includes no references or linking to external sites that might slow down loading.
Website CompatibilityThe mobile detection css overlay is HTML5/css3 code and works on any website. The main site can be any type of code. HTML 4.01, XHTML, PHP, ASP or even an HTML5 website. Updating your webpages is not required.
Browser CompatibilityThe css3 used in the overlay is supported by Internet Explorer 9 and higher, Google Chrome, Safari (Mac, iPad, iPhone, iPod), Firefox, Opera (& mini), Android and most mobile Internet browsing devices. In older non-css3 browsers the overlay will not display. As designed, the overlay only displays on mobile devices or if a css3 browser width is as narrow as the threshold (or breakpoint) setting.
Support IncludedSupport for any type of website or web template, and our 100% money back guarantee are all included with your purchase. Click to view the support area for this addon.
Templates That Have the Overlay Built-InIf you are looking for a new website that includes a mobile sub-site and css detection, you can search our website for "overlay" to view HTML5 web templates that include an integrated mobile website with the css mobile detection overlay built into the designs.
CSS Overlay Detection
Mobile Detection & RedirectionRedirection scripts require that you have an existing desktop website as well as a mobile version site already setup and ready for Internet viewing. If you are planning to setup a mobile version website, but are looking for assistance see our Guide for adding a mobile version website.
Instructions and all source files included: Allwebco upgrades, plugins and addons are created to be easily added to any existing website, any Allwebco webpage template, or any web template from another vendor. Designed to work with HTML5, older HTML 4.01 as well as responsive web design sites. Our upgrades are recommended for more experienced users but do included step-by-step instructions for novice users and new webmasters. Although created initially to be used with Allwebco web templates, our upgrades can be added to any website of any type or template designs from other vendors. Full support is included with any purchase, however, support may not cover some issues encountered when setting this up on an existing website.
When to Order an Addon ScriptIt is recommended that you order a website upgrade script, if you already have a website on the Internet, or after you have downloaded your Allwebco website template, done the steps on the help.html and have become familiar with editing your template files.
Free Intro Pages|