[hideyuki.fukui]

I am creating a site with the header, the footer, and the primary menu, all with black background color.

When I check how it looks, on a desktop computer, it looks fine.
However, on a mobile device, the primary menu is rolled into a “hamburger menu” and is creating an issue.

The rolled-up “hamburger menu” on mobile devices is showing a dark grey horizontal bars. Those bars are hard to identify on the screen because the background header is black.

How can I change the color for the mobile menu, specifically the color of the rolled-up bars?

[hideyuki.fukui]

Look at the screenshot below. The one in the yellow circle (top-left corner) is what I meant.

[Skandha]

@hideyuki-fukui: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.mobile-menu-anchor a.genericon-menu, .mobile-menu-anchor a.genericon-menu:hover {
      color:red;
}

You can change the color according to your choice.
Let me know if this is what you want!
Kind Regards,
Skandha

[hideyuki.fukui]

@Skaandha: This is exactly what I wanted to do. Thank you!!

[Skandha]

@hideyuki-fukui: Hello there, I hope I was able to resolve your issue. Would you mind taking a few minutes to write a review for me please?
https://wordpress.org/support/theme/clean-journal/reviews/#new-post
I’d really love to know what you think of my support. Your feedback is deeply valued as it will help potential clients read about your experience and also help me improve. Thank you so much for your help! Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts