Customize menu in mobile version

In the site that I manage, I made the menu customization in the desktop version, where I left as I wanted: blue, with white characters.

However, in the mobile version, the menu is displayed in black with white letters. Is there a code for customizing the mobile version menu?

Thanks in advance for your feedback.

Hello there,

To style the color of the mobile menu, you can use this CSS code:


/* Background color */

#mainnav-mobi {
  background-color: #005190;
}

/* Border color */

#mainnav-mobi ul li {
  border-color: #ff0000;  
}  

/* Character color */

#mainnav-mobi ul > li > a {
  color: #fff000;  
}  

/* Down arrow color */

.btn-submenu:before {
  color: #fff000;
}  

Regards,
Kharis

Hello there,

I copied and pasted the above code, following all the procedures as I already did with other CSS codes, however for some reason it did not work, and the mobile menu remains black with white characters. I modified with my colors and nothing, as well as the colors that are in the code are also not displayed. It remains as it is in the prints described here:

Mobile version
Tablet version

The colors I wanted to employ are #333399 for background, #ffffff for the characters.

I wonder if I did something wrong and how to proceed.

Thanks in advance for your feedback.

Hello there,

Try to validate all your custom CSS code with this tool and see if your find any error.

Regards,
Kharis

The code has been validated, but still does not work.

Please share your site link here, so I can have a look.

Regards,
Kharis

This is the site.

Hello there,

I am sorry for suggested incorrect code. Please try this code:


/* Background color */

.slicknav_nav {
  background-color: #005190;
}

/* Border color */

.slicknav_nav a {
  border-color: #ff0000;  
}  

.slicknav_nav .sub-menu {
  background-color: #005190; 
}

/* Character color */

.slicknav_nav a {
  color: #fff000 !important;  
}  

Regards,
Kharis

No problem. Now, the code worked and I was able to customize it as I would like.

Thanks for the feedback.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis