How to add the menu button when is responsive?

ivy-suncity · July 2015

Hi there,

I have created a website based on the "Press" demo, it is working great, however, just come up with one problem, when I open my website via mobile, there isn't any menu showing up, is there a button or place that I can turn this function on, so that there is a menu function as well when responsive?

Many thanks

Ivy

Albert · July 2015

Hi,

please send us url to site where responsive menu button is invisible and we'll have a look on it.

Thanks!

ivy-suncity · July 2015

Hi there,

Here is the site.http://www.first-scg.com/

Many thanks

Ivy

Albert · July 2015

Did you set the main menu under Appearance > Menus > Manage locations section? We tried to open your site to check this but your site keeps loading and nothing happen so we can't check the code.

ivy-suncity · July 2015

Hi there,

Sorry for the late response, yes I did.

The main menu is set, and I have not apply any to the other four menu.

Many thanks

Ivy

ivy-suncity · July 2015

Hi there,

Please can you try the website again, this should work now.

Many thanks

Ivy

Albert · July 2015

Ok, now it works. But can you explain what should we check now? Because as we see, menu items works very well now.

ivy-suncity · July 2015

Hi there,

yes the menu works on the website, however, when we view in on the mobile, there isn't a responsive menu - I am guessing it should have a three lines icon to show that there is a hidden menu at one of the corner on the top. Am I correct? If not, is there anyway to show the menu on mobile?

Many thanks

Ivy

Albert · July 2015

Yes, this is true. As we see, menu on mobile works but is the same color as background. So to change menu icon color, please use below css:

#Top_bar a.responsive-menu-toggle { color: #000 !important; }

ivy-suncity · July 2015

Hi there,

Thank you for your instruction, yes, it works, we can see the the menu button now, however, can we change to a three lines icon instead of M?

Many thanks

Ivy

Albert · July 2015

Probably you set own text for menu under Theme options > Responsive section. So please remove your own text from this section and you should see responsive menu icon.

ivy-suncity · July 2015

Hi there,

Thanks for your help, it is all working fine now!

Ivy

Albert · July 2015

You're welcome

How to add the menu button when is responsive?

Comments