Mobile menu links

[krazykaze]

Hi, I changed the colors on the “Brands” menu and it looks great, background changed to black and text changed to white.

But when i go on the mobile menu the background doesnt change to black but the words change to white causing the words to pretty much disappear…

how can i change the mobile sub menu to black please.. if i can get this working I am golden! hope you can help me!

http://motorsports.lorneschwaier.com

calgary seo expert

[Laura]

Hello, please add this to style.css of child theme

COPY CODE

ul.dropdown-menu.sub-menu.pull-left a {
    color: black;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[krazykaze]

Hi Laura, thanks for replying. Unfortunatley when i use that code it also changes the text on the website menu to black making it not seen.

When i inspect element and change coding there it works, the coding i used is

@media (max-width: 991px) #header .navbar-nav .dropdown-menu>.active>a {
background-color: rgb(238,47,35);
}

@media (max-width: 991px) #header .navbar-nav .dropdown-menu li a {
font-weight: normal;
font-size: 12px;
background-color: #000000;
}

but when i put it into the custom css it does not change.. oh were so close! any ideas?

Cheers, Lorne

calgary seo expert

[Laura]

Hello, use this 🙂

COPY CODE

@media (max-width: 991px) {
 #header .navbar-nav .dropdown-menu>.active>a {
background-color: rgb(238,47,35);
}
}

@media (max-width: 991px) {
#header .navbar-nav .dropdown-menu li a {
font-weight: normal;
font-size: 12px;
background-color: #000000;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[letshatch]

Hi Laura, how do you change the color of the menu text? I managed to change the size using your above code. Thanks

[Laura]

to change the color of a text use color: ;
for example
Menu item color for mobile menu

COPY CODE

@media (max-width: 991px) {
#header .navbar-nav .dropdown-menu li a {
font-weight: normal;
font-size: 12px;
background-color: #000000;
color:black !important;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts