How do I change the colour of the text of my Navigation Bar in the mobile version.

[zuniyed]

hello there,

I recently build a site and its responsive. Its working perfectly in the desktop mode. But when I switch it in the mobile version the colur of the text in the navigation menu is white and the background is also white.For this reason its looking horrible and no one can read it. Please help me. The url of the site is :https://zuniyed15.weebly.com/

[Adam7 · Accepted solution]

Thanks for posting, @zuniyed. That site doesn't look to be published, but I see another one with a similar name in your account. That site is using a custom theme which might be causing trouble for you. Try switching to a standard theme to see if that helps.

[zuniyed]

Thanks Adam,

I have changed the theme and it seems to work.

[KG100]

Hi Adam, 

I have a similar problem. However, my website is published and changing the Theme would mean changing lots of other little bits and pieces. Thus I might find a theme with better Mobile Navigations colors but .....

In the Weebly Website Builder the Navigation looks good (white on dark grey), however, on a mobile phone it is almost white on white and I can hardly make out the pages.

Do you have a solution?

Best 

Kenneth

[Adam7]

Can you post a link to your published website, @KG100? There might be another solution for that and that'll help our Community members figure something out for you.

[KG100]

Hi Adam,

Thanks for your help.

I have changed my website to the "mobile mode". Normally I don't use this because the menu is so bad.

Please tell me as soon as you have seen the website. Then I can change it back again.

https://www.englischlernen-online.com

Can I also change the header color from red?

Best

Kenneth

[BJ5]

Try adding this to Settings > SEO > Header Code @KG100:

<style>

.wsite-mobile-menu li a { background: rgba(0,0,0,0.35) !important }

</style>

[KG100]

Hi BJ INVENTOR,

Many thanks for your idea. 

I tried adding the following in various places but it didn't work anywhere. Not in the header or anywhere else, although I'm really not quite sure where I should have put it. 

<style>

.wsite-mobile-menu li a { background: rgba(0,0,0,0.35) !important }

</style>

I use a simple and old version of Weebly Themes, but I like this and have managed to get everything looking as I want, exept for the color of the fonts in the mobile phone version. I have 3 websites with the same problem.

Englischlernen-online.ch

Englischlernen-online.com

Englisch-münster.de 

Maybe you have another idea