WordPress.org

Plugin Directory

!This plugin hasn't been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

WP Select Box Navi

This Plugin adds an select box navigatin for mobile devices to your WordPress template. Further more you get font size support for each device resouti

  1. Make sure your Theme using wp_head();! If not, add the function <?php wp_head(); ?> to the "header.php" file in your theme directory right before the closing </head> tag.
  2. Install the Plugin from the dashboard or download it from wordpress.org and load the folder "wp_select_box_navi" in to the "http://www.my-blog.com/wp-content/plugins/" directory
  3. Activate the Plugin from plugin menu in the WordPress dashboard
  4. Add the following CSS styles to your Theme stylesheet:

    Show or hide the default navigation

    .nav { display: none } /* hide default navi */
    

    -> or

    .nav { display: block } /* show default navi */
    

    Show or hide the select box navigation

    .tinynav { display: none } /* hide select box navi */
    

    -> or

    .tinynav { display: block } /* show select box navi */
    

    With adding CSS Media Queries to your styles you can switch both navigations by display size

    @media screen and (min-width: 1024px) /* show default if screen is larger than 1024px with */ { .nav { display: block } .tinynav { display: none } }

    @media screen and (max-width: 1023px) /* show select box if screen is smaller than 1024px with */ { .nav { display: none } .tinynav { display: block } }

Requires: 3.3.2 or higher
Compatible up to: 3.5.2
Last Updated: 2013-1-21
Active Installs: 100+

Ratings

3 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,1,1