Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3121936
Menu Item Background Color on Hover & Mobile Hamburger Color
Closed

Comments

  • lidiabolla started the conversation
    September 9, 2022 at 4:54pm

    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.

  •  2,488
    PenciDesign replied
    September 9, 2022 at 5:10pm

    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 replied
    September 9, 2022 at 6:09pm

    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).

  •  2,488
    PenciDesign replied
    September 10, 2022 at 12:59am

    Hi,

    Please change the code like this:

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

    Regards,
    PenciDesign.