How to Switch Between Mobile and Desktop View with a Responsive Theme

Written by Jacqueline Greenwood. Posted in Latest Posts, Tips

If your website has a responsive theme it will automatically re-size elements to fit different screen sizes.  Unfortunately, many WordPress responsive themes do not come with the ability to view the desktop version on a mobile phone.  To add this capability, you will need to upload a javascript file, reference it in between your <head><script src=”scripts/responsive-switch.min.js”></script></head> tags and add the following code where you want the link switch.

<a href=”#”
class=”rs-link”
data-link-desktop=”Switch to desktop version”
data-link-responsive=”Switch to responsive / mobile version”
data-always-visible=”false”></a>

You will need to view your website on a mobile device to see the link.  “The “Responsive Switch” link is only visible when it is needed. This means that by default, it is only visible when the screen or window size is less than 1024px.”

Click here to download the javascript file.

For more details, please visit: http://filzhut.net/projects/responsive-switch/

Services

  • Website Design and Development
  • Content Creation
  • Search Engine Optimization (SEO)
  • Database Development
  • Digital Photography & Editing
  • E-commerce
  • Ebay
  • Email Marketing / Newsletters
  • Email Management
  • Etsy
  • Video Production
  • Multi-Media Presentations
  • Direct Mail Marketing
  • Internet Advertising
  • Impact Marketing
  • Raveis Virtual Postcards

Social Netwoking

  • Facebook
  • Twitter
  • Google +
  • YouTube
  • LinkedIn
  • Instagram
  • Pinterest
  • Tumblr
  • Vine
  • Spap Chat
  • Flickr
  • FourSquare
  • Houzz
  • SoundCloud
  • Yelp

Content Management Systems (CMS)

  • WordPress
  • Drupal
  • Joomia
  • Expression Engine
  • EZPublish
  • Vivvo
  • SquareSpace
  • Concrete5
  • Hero
  • MODx
  • Adobe Business Catalyst
  • Blogger
  • Moonnfruit
  • mojoPortal
  • Wix.com

Coding Tech

  • HTML - Hypertext Markup Language
  • CSS - Cascading Style Sheets
  • CMS - Content Management System
  • SEO - Search Engine Optimization
  • ASP - Active Server Pages
  • MS SQL - Microsoft Structured Query Language
  • PDF - Portable Document File
  • FTP - File Transfer Protocol
  • SSL - Secure Socket Layer
  • PHP - Hypertext Preprocessor
  • URL - Uniform Resource Locator
  • HTTP - HyperText Transfer Protocol
  • XML - eXtensible Markup Language
  • JPG - Joint Photographic Experts Group
  • PNG -Portable Network Graphics
  • GIF - Graphics Interchange Format

Software Specialist

  • Adobe Acrobat
  • Adobe Dreamweaver
  • Adobe Photoshop
  • Adobe Indesign
  • Adobe Illustrator
  • Apple Pages
  • Apple Numbers
  • Apple Keynote
  • Constant Contact
  • Microsoft PowerPoint
  • Microsoft Word
  • Microsoft Excel
  • Microsoft Outlook
  • Microsoft Access
  • Microsoft Publisher
  • Sony Vegas Pro

One-on-One Training

Personal training on using the following products:

  • Apple iPhone
  • Apple iPad
  • Gmail
  • ICloud
  • Yahoo Email
  • Google Documents
  • Microsoft OneDrive (SkyDrive)
  • Windows XP, Windows Vista, Windows 7, Windows 8

Where: In your home or office, or come to our conveniently located space in Fairfield on the Southport border.

Who: Adults, students, and senior citizens. Anyone who needs help.

Serving clients in Fairfield, CT, and Westport, CT.
Willing to service clients in other areas virtually.

©2014 Creative Marketing Studio | www.creativemarketingstudio.com