Two different colors for menu on desktop and on mobile devices

MattiHas · December 2018

Hello

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 · December 2018

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

MattiHas · January 2019

Great. Thanks!

Two different colors for menu on desktop and on mobile devices

Comments