Responsive Menu Appearance

jomewcreative · April 2015

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 · April 2015

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!

jomewcreative · April 2015

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 · April 2015

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.

jomewcreative · April 2015

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 · April 2015

We're glad to hear that you sorted it

Responsive Menu Appearance

Comments