How to change menu font color from white to black before scrolling

[computerarts]

1. How to change menu font color from white to black before scrolling when sliders are activated on a page. Currently the menu is white and hard to see. We want the font color to be black before and after scrolling.

Also – how to change font size in menu?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code :-

nav .menu > li.menu-item > a, nav.std-menu .menu > li > a {
    color: #000 !important;
    font-size:15px !important;
}

Thanks
Mohammad

[computerarts]

The code doesn’t seem to do anything. The menu remains white until I start scrolling. We need this to be black.

Plus there is an x next to the first line in the code. What does that mean? I have attached a photo for you to see what I mean.

[computerarts]

please find the screen shot of code here.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please replace & gt; with > in code.
Thanks
Mohammad

[computerarts]

We ended up fixing the menu colour issue with this code :

nav .menu > li.menu-item > a, nav.std-menu .menu > li > a {
color: #000 !important;
font-size:15px !important;
}

tnav .menu li.current-menu-ancestor > a, nav .menu li.current-menu-item > a, nav .menu li.current-scroll-item > a, #mobile-menu .menu ul li.current-menu-item > a {
color:#c3b29b !important;
}

[Mohammad – SUPPORT]

Hi,
Glad 🙂 to know this.
Thanks
Mohammad

[computerarts]

Hi again,

so now we have managed to change the menu to dark, there is an issue on the mobile version. AS its now dark on a dark background. How do I change it so the menu is white for mobile version only?

[Kyle – SUPPORT]

Hi

Showing fine for me one mobile: http://d.pr/i/1bON8/4pk6mbt1

– Kyle

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#mobile-menu-wrap a, #mobile-cart-wrap a:not(.sf-button) {
color: #fff !important;
}

Thanks
Mohammad

[computerarts]

super thanks that code worked 🙂

Another thing. On the slider there are arrows which point left and right , which is fine but there is an underline underneath the arrow when you hover over it or after you have clicked it. Is there a way of getting rid of that underline? i have attached a screen shot so you can see what I mean.

Thank you

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

a.swift-slider-prev:hover,a.swift-slider-next:hover{
text-decoration:none !important;
}

Thanks
Mohammad

[computerarts]

thanks but it is not working after you click right on the top slider then the arrow on the right gets underlined?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#mobile-menu-wrap a:hover, #mobile-cart-wrap a:hover:not(.sf-button) {
    text-decoration: none !important;
}

Thanks
Mohammad

[computerarts]

Please watch this video explaination:
http://screencast-o-matic.com/watch/cDQhQOj1IM