Menu sub category colors

Website is www.annalennard.com

Menu is gray but subcategories are still black. How do I change that?

Hello there,

To change it, you need additional CSS. Apply the following code into Appearance > Customize > Additional CSS in your dashboard.


#mainnav-mobi ul.sub-menu {
  background-color: #e5e5e5;
}

Regards,
Kharis

Hey Kharis,

with the code you posted the background color of the submenu in the mobile version changes, but how can I change it generally for the notebook screen? What would I need to insert to get the submenu transparant as the normal menu but with lines inbetween? And can I make the sub-menu smaller? It seems relatively too big in comparison to the normal menu (www.hawasafaga.com)

Really appreciate your help!

Tina

Hi Tina,

Please use this code:


#mainnav .sub-menu li a {
  background-color: transparent;
  font-size: 13px;
}  

Regards,
Kharis

Hey Kharis,

thanks a lot! Is there a possibility to change the size of the “boxes” of the sub-menu in which the sub-pages appear and not only the font size? And how can I change the colour of the line between the sub-menu-boxes?

Regards,

Tina

Hello there,

Use this code and do adjustment as needed. For line height, the default value is 30.


#mainnav .sub-menu li a {
  border-color: #ff0000;
  line-height: 20px; 
}  

Regards,
Kharis

Hey Kharis,

thank you so much for your help. I just realized that the page title does not appear anymore since I uploaded the logo, do you know why?

Regards,

Tina

Hello Tina,

Please follow the solution posted in this thread. I hope you find it helpful.

Regards,
Kharis