Two different colors for menu on desktop and on mobile devices

MattiHas

Hello

I'm working on https://dudlidoo.ch

I chose transparent style and my menu-link-color is white.

On desktop this is how I want my webpage to look like.

On  a mobile device there is my logo and the "three lines menu icon" on top and my slider with photographs below. When I touch the menu icon, there's a huge empty space below the logo.

The empty space are the menu links. They are invisible because the menu-link-color is white (as well as the background)

How can I change the menu-link-color for mobile devices only? Is it possible to chose two different colors for the menu-links for mobile devices on the one and for desktop computers on the other hand?

Thanks for your support.

Pablo

Hi,

Unfortunately, there is no option to change the link color on mobile only.

But, please paste this code into Theme Options > Custom CSS & JS > CSS

@media (max-width:1240px){
	ul.menu span{
	color:black !important;
  }
}

It will solve your problem

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

MattiHas

Great. Thanks!