WordPress.org

Ready to get started?Download WordPress

Plugin Directory

Responsive Opt-Out

Responsive Opt-Out allows visitors of your site to switch between the flexible and fixed width layout.

You can either install it automatically from the WordPress admin, or do it manually:

  1. Unzip the archive and put the responsive-opt-out folder into your plugins folder (/wp-content/plugins/).
  2. Activate the plugin from the Plugins menu.

Buttons

So that you have the buttons to switch you will need this html code. They can be added anywhere.

<a href="#" onclick="return FixedWidth();" class="fixed-width-link">Fixed Width</a>
<a href="#" onclick="return Responsive()" class="responsive-link">Reponsive</a>

CSS/Styling

This plugin has no css. So that the buttons display in the correct view the following css need to be added to your theme's style.css file directly.

.responsive .fixed-width-link {
    display: block!important;
}
.responsive .responsive-link {
    display: none!important;
}
.fixed-width .fixed-width-link {
    display: none!important;
}
.fixed-width .responsive-link {
    display: block!important;
}

Add the class ".fixed-width" infront of any styles that you add for a fixed width design and ".responsive" for the responsive design.

Blog post on intregration with Responsive theme

Requires: 3.4 or higher
Compatible up to: 3.5.2
Last Updated: 2013-4-22
Downloads: 1,259

Ratings

5 stars
5 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,2,2
100,2,2