Change navigation bar background color in Help Centre on mobile

Answered
image avatar

Anton Van der meyden

Posted May 30, 2023

Ifra Saqlain

Hello,

Can you please assist me with this?

In the Help Center, I have a navigation bar at the top with different hyperlinks to different pages as shown below.

On mobile, this creates a drop-down box which is fine but as I have my hyperlinks color set to white this makes the hyperlinks become invisible.

 

Please see the screenshot below of the dropdown box.

I can't find in CSS where I can change the background color of the dropdown box that is created. 

Can you assist, please?

Thank you.

Anton

0

2

2 comments

Date
    Newest
      image avatar

      Anton Van der meyden

      Ifra Saqlain

      Hello,

      Thank you for the quick reply and your assistance.

      Kind Regards,

      Anton

      0

      image avatar

      Ifra Saqlain

      Hi Anton!,

       

      Use the given code and you can change the colors in this:

      .nav-wrapper-mobile .menu-list-mobile {
        background-color:#000;
      }
      .nav-wrapper-mobile .menu-list-mobile-items a:hover,
       .menu-button-mobile[aria-expanded="true"] .icon-menu{
        background-color: #2b2a2a !important;
      }
      .nav-wrapper-mobile .menu-list-mobile-items a,
      .nav-wrapper-mobile .menu-button-mobile .icon-menu {
        color:#fff;
      }

      Screenshot:

      0

      Sign in to leave a comment.

      Didn't find what you're looking for?

      New post