Change navigation bar background color in Help Centre on mobile
AnsweredHello,
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
-
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:
-
Hello,
Thank you for the quick reply and your assistance.
Kind Regards,
Anton
Pleasesign into leave a comment.
2 Comments