Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #160214
    hideyuki.fukui
    Participant

    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?

    #160219
    hideyuki.fukui
    Participant

    Look at the screenshot below. The one in the yellow circle (top-left corner) is what I meant.
    Grey Mobile Menu vs Black Background

    #160227
    Skandha
    Keymaster

    @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

    #160230
    hideyuki.fukui
    Participant

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

    #160231
    Skandha
    Keymaster

    @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

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to Change Mobile Menu Color (Jut A Bit)’ is closed to new replies.