Sample code to illustrate how to implement the responsive "view full site" option I wrote about on Creative and Code.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
js
README.md
index.html

README.md

Responsive View Full Site

Sample code to illustrate how to implement the responsive "view full site" option I wrote about on Creative and Code (http://creativeandcode.com/responsive-view-full-site/).

Demo: Responsive View Full Site Demo

Requirements

  • jQuery 1.7+
  • Modernizr

Usage

  1. Add the following code where you'd like your view buttons to be:

     <div class="rwd-display-options">
     	<span id="view-full" class="rwd-display-option">View Full Site</span>
     </div>
    
  2. Place the contents of rwd-display.css in your stylesheet.

  3. Include the rwd-display.js file after jQuery.

Feel free to change the button text!

Support

You can read about what browsers and devices support this technique here: http://www.quirksmode.org/mobile/tableViewport.html?#link4