Responsive Menu Appearance

jomewcreative

Hi

Is there an option in the settings to make the responsive/mobile menu icon appear later, so that on a tablet/landscape it still shows the full navigation and only on a tablet portrait does it appear as the 3 lines icon? Have tried some custom .css but can't make it work.

Thanks

Albert

Hey,

yes, it is possible of course Please take a look at http://forum.muffingroup.com/betheme/discussion/29/responsive-toggle-value where we explained how this can be done.

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jomewcreative

Thanks, I have tried the style amends mentioned but whilst the full menu item list is shown, instead of the responsive button, every page change has to be accompanied by a 'two finger zoom down' swipe for the content to appear at the correct size, otherwise half the screen is left outside of the browser on an iPad. Is there not a way I can just not add a line in custom .css to turn on/off the menu button for iPad tablet landscape using the correct .css hook?

Alternatively I saw the comment about adding 'Menu<i class="icon-menu"></i> ' to the 3 lines. Is there a way of adding my own menu button. The alignment on the word 'menu' is not correct.

Albert

The only thing you can do is what you mentioned in 2nd part (alternatively). We use only icons but you can try to use own code, like:

<img src="path-to-image" /> Menu text

but not sure if this will work as you want so you must test it yourself.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jomewcreative

Thanks, I have edited the .css for the icon and this seems to work well enough now, along with the MENU text above: http://www.berlin-themusical.com/

#Top_bar a.responsive-menu-toggle i { font-size: 40px !important; }
#Top_bar a.responsive-menu-toggle span { font-size: 1.2em; padding:0 !important; }

Albert

We're glad to hear that you sorted it

Learn more: Video Tutorials | How To | FAQ Vote on what comes next