Mobile Menu Color

[denizalp]

In my mobile site menu items are invisible because these are same color with the background. I have to change the color but I can’t find which. Which one I have to change Alternate, Side, Socket etc. Heading color, link color etc. ??

[sharmstr]

Put this in your quick css

COPY CODE

.header-color a, .header-color .navbar-nav .dropdown-menu li a {
    color: #303030 !important;
}
.header-color .navbar-toggle .icon-bar {
    background-color: #303030 !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[denizalp]

@sharmstr it works well for mobile but this code also affect the normal site. Look at it. http://www.drewamca.com/ normal menu items are just fine but sub-menus can’t read.

[sharmstr]

but a media query around it. looks like your menu changes at 1487px

@media(max-width:1486px){
.header-color a, .header-color .navbar-nav .dropdown-menu li a {
color: #303030 !important;
}
.header-color .navbar-toggle .icon-bar {
background-color: #303030 !important;
}
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[denizalp]

Thanks work as charm!

[sharmstr]

Whoop! Sorry I didnt catch that from the start 🙂

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts