sevenspark

<p><a href="http://wpmegamenu.com/responsive-select-menu/" rel="nofollow ugc">View Demo 1</a></p>
<p><a href="http://agility.sevenspark.com/responsive-select-menu" rel="nofollow ugc">View Demo 2 in a Responsive WordPress Theme</a></p>
<p>One common UI paradigm for navigation menus with responsive design is to display a select box (form element)<br />
for mobile devices.  This plugin allows you to turn your WordPress 3 menu into a select box below a width of your choice.</p>
<h4>Features</h4>
<ul>
<li>Takes up less screen real estate on mobile devices</li>
<li>Easier navigation for touch screens</li>
<li>Works automatically – no need to add extra PHP code</li>
</ul>
<h4>Highly Configurable</h4>
<p>Through the Responsive Select Menu Control Panel you can:</p>
<ul>
<li>New in 1.2 – select which theme locations to apply the menu to </li>
<li>Set your width breakpoint (where your menu switches from your standard menu to a select box)</li>
<li>Configure how many levels you wish to include in the select menu. Set it to 1 to include only the top-level menu items.</li>
<li>Choose the character used to indent your submenu items within the select box</li>
<li>Choose whether or not to exclude “dummy” items that don’t have links</li>
<li>Set the text of the first menu item</li>
</ul>
<p>The demo is built with <a href="http://wpmegamenu.com/" rel="nofollow ugc">UberMenu – WordPress Mega Menu Plugin</a> , but it is designed to work with any UL-based WordPress 3 menu.</p>
<p>Based on the excellent tutorial from <a href="http://css-tricks.com/convert-menu-to-dropdown/" rel="nofollow ugc">Chris Coyier and CSS Tricks</a> – thanks!</p>


Responsive Select Menu

The Responsive Select Menu plugin automatically turns any WordPress 3 Menu into a select box / dropdown on mobile devices.

philbaylog

<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/lzIV6IYWaaQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p>Quickly add a powerful drop down conversion bar to your site and start converting visitors. Grab your visitor’s attention with an attractive opt-in bar displayed either at the top or bottom of your site, and direct them to product page, signup page, or newsletter subscribe page.</p>
<p>QuickieBar is completely responsive and designed to look great on mobile, tablet, and desktop devices. Customize options of your bar to adhere to your brand standards, or pop out from the page. Choose from a multitude of colors (preset or custom), bar styles, and button styles.</p>
<p>QuickieBar comes with over 500 icons that you can use anywhere in your bar (provided by FontAwesome).</p>
<p>Instant previewing of your bar while you create it means that you can see your changes in real time. You can also click a button to preview the bar directly on your site.</p>
<p>Advanced conversion reporting allows you to dive into metrics on your bars, and see how successful they are over time. Each bar you create is tracked separately, so you can test different messages and bar colors to optimize conversion.</p>
<p>Conversion bars like the ones you can make with QuickieBar are starting to appear all over the web to help site owners drive traffic to conversion pages. QuickieBar enables you to outfit your site with a similar (and in many cases, more sophisticated and attractive) bar in seconds.</p>
<h4>Full Feature List</h4>
<p>QuickieBar features that enable you to create & convert as quickly & effortlessly as possible:</p>
<ul>
<li>One-Minute Install: Install and launch your first bar in under 60 seconds</li>
<li>Beautiful Color Schemes: Choose from ten attractive color schemes, or create your own!</li>
<li>Mobile Friendly: Responsive from the ground up so your bars look great on your phone and browser</li>
<li>Awesome Icon Selection: Add over 500 distinctive icons to your calls to action</li>
<li>Top or Bottom Placement: Easily toggle whether users see the bar at the top or bottom of your site</li>
<li>Conversion Reports: Ongoing reporting to help you uncover customer trends and behavior</li>
<li>Conditional Triggering: Choose to show your bar everywhere or on specific pages, posts, or just your homepage</li>
<li>Advanced Customization: Customize just about anything about the way your bar looks and behaves.</li>
<li>Fixed Header Compatibility: QuickieBar is even compatible with most (not all) fixed header themes: simply enable fixed header compatibility mode.</li>
</ul>
<h4>Bar Options List</h4>
<p>Customize any of the following options for your bars:</p>
<ul>
<li>Bar Style</li>
<li>Conversion Button Style</li>
<li>Opens in New Tab</li>
<li>Top or Bottom Placement</li>
<li>Text & Button Alignment</li>
<li>Sticks to Top of Page</li>
<li>Animation</li>
<li>Close Button Visibility</li>
<li>Bar Text</li>
<li>Button Text</li>
<li>Bar Background Color</li>
<li>Button Background Color</li>
</ul>
<h4>Browser Compatibility List</h4>
<p>While ideally QuickieBar would work perfectly in every browser, outdated browsers can cause bars to look unattractive or display inconsistently across different devices. As such, I have opted to not display any bar to users using older browsers, instead of showing them one of lower quality.</p>
<p>QuickieBar <strong>should</strong> display perfectly in the following browsers. Users viewing your site on browsers not on this list will simply not be shown your conversion bar (they will also not be tracked for Views or Conversions).</p>
<ul>
<li>Google Chrome 4+</li>
<li>Firefox 3.5+</li>
<li>Safari 3.1+</li>
<li>Internet Explorer 10+</li>
</ul>
<p>If you notice any inconsistencies in the way your bars display to visitors using these browsers, please let me know <a href="https://quickiebar.com/support" rel="nofollow ugc">here</a> and I will do what I can to fix the issue.</p>
<h3>Translations</h3>
<ul>
<li>English – default</li>
</ul>
<p>Please contact me if you wish to help with translation!</p>
<h3>Feedback</h3>
<p>I always appreciate any feedback or ideas you might have for the plugin. Please open a ticket <a href="https://quickiebar.com/support" rel="nofollow ugc">here</a> and let me know what’s on your mind!</p>


QuickieBar

QuickieBar makes it easy for you to convert visitors by adding an attractive and easily customizable conversion bar to the top or bottom of your site.

Responsive Select Menu vs QuickieBar