Submitted by Sean Bannister on Fri, 12/02/2011 - 9:43pm

@Vikky @jd

I haven't tried this and don't know if its the best method but here's my idea for showing the "full" design on a mobile device using responsive techniques:

The body element would have a css style applied called 'responsive' and every time you apply a css media query you'd include .responsive in the CSS selector.

At the bottom of the page you'd have a link "Display desktop version" but it'd be hidden using CSS. As the page shrinks you'd display this link using CSS media queries. Clicking the link would fire some javascript code that removes the .responsive style from the body element which would turn off all the media queries putting the site back to it's full page design.

The content of this field is kept private and will not be shown publicly.

Plain text

  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.