Solved: menu bar on mobile version, change coding of color

RENA-SI · ‎04-17-2017

I like the white theme of my template, both on the Desktop and with the mobile Version. Unfortunately, because of my background photo, the white menu bar (navigation button) on the mobile is not visible. I know it is a little adjustment of the code, but I cant find it in the HTML/CSS section. Need to know WHERE exactly to change the coding and WHAT coding to use - in order to make it a black menu bar on the white mobile version.

Thanks a lot for helping out!

MJCS · ‎04-17-2017

Hi @RENA-SI,

if you add this to the end of your main CSS file it should take care of it.

label.hamburger span, label.hamburger span:before, label.hamburger span:after {
    background: #000000;
}

Let me know how you go.

Regards, Mark

View Best Answer >

MJCS · ‎04-17-2017

Hi @RENA-SI,

I should be able to help you. What is the address of your website?

Thanks,

Mark

RENA-SI · ‎04-17-2017

oh thank you Mark. www.renibickelyoga.com

MJCS · ‎04-17-2017

Hi @RENA-SI,

if you add this to the end of your main CSS file it should take care of it.

label.hamburger span, label.hamburger span:before, label.hamburger span:after {
    background: #000000;
}

Let me know how you go.

Regards, Mark

RENA-SI · ‎04-17-2017

It worked. Thank you very much for your help, Mark!

MJCS · ‎04-17-2017

You're welcome, @RENA-SI.

Regards, Mark

NicMunoz · ‎07-01-2017

I have sort of the same problem. I would like the menu bar on my mobile site to be one of the theme colors on my desktop site #004d56. I tried the fix above on my site www.CoyleCollegeAdvising, but I could not get it to work.

Inpress · ‎09-06-2017

Im now having the same problem with my site, I have tried the code you supplied and it doesn't seem to work.

Any help?

my website: here

Thanks,

cricks · ‎10-01-2017

I would like to change the color of our menu as well. It appears black but I would like to change the mobile menu icon to white for better viewing.

our website: www.thejpoministries.org