Skip to content
Public Ticket #22190

Menu Item Background Color on Hover & Mobile Hamburger Color

Conversation thread

PenciDesign Supporter replied

4 years ago
Staff Reply

Hi,

Please change the code like this:

.button-menu-mobile svg {
    fill: #333;
}

Regards,
PenciDesign.


lidiabolla replied

4 years ago
Customer Reply

Hello, thanks for the fast reply!


The second question is now solved, your code worked - thanks!


To the first question: The mobile burger menu svg doesn't change the color, although the code seems to be correct (attached a screenshot of it).

PenciDesign Supporter replied

4 years ago
Staff Reply

Hi,

1. Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.button-menu-mobile svg {
    color: #333;
}

Change #333 with the color you want to show.

2. Please add this CSS code to your site:

body:not(.pcdm-enable) #navigation .menu > li > a:hover,
body:not(.pcdm-enable) #navigation .menu > li:hover > a {
    color: #fff;
}

Regards,
PenciDesign.




lidiabolla started the conversation

4 years ago
Conversation Start

Hello

I have two questions.

1. I can't find where I can change to color of the Mobile Hamburger Menu Icon. It is dark grey now. I tried with CSS but it didn't work. Could you provide me the correct CSS code?

2. My top Menu Items are blue and in hover / active state they have a blue background and white font. But the only Item that has got a category-submenu called "Interviews" goes back to blue font, when the mouse is on the category submenu. For this reason you can't read the menu-item "Interviews" anymore.

Is there a way or any code to prevent that? I would like to keep the menu items background getting blue on hover. I have attached two screenshots.

Want to join this conversation or access attachments? Sign in first.

Login to Reply