Changing the Mobile Icon Open Color

[rocketboy]

I found in the forum that I could update the mobile menu icon color. This works great unless I click a drop down menu option. Once I click the mobile menu icon the color goes white. I thought this would be corrected with adding a few more CSS link styles.

Currently I have this code for the mobile menu icon:

.x-btn-navbar.collapsed:hover, .x-btn-navbar:hover {
color: rgba(0,0,0,0.5) !important; margin-top:10px;
}

.x-btn-navbar.collapsed {
color: rgba(0,0,0,0.35) !important; margin-top:10px;
}

.x-btn-navbar.collapsed:visited, .x-btn-navbar:visited {
color: rgba(0,0,0,0.5)
}

.x-btn-navbar.collapsed:active, .x-btn-navbar:active {
color: rgba(0,0,0,0.5)
}

What I’m referring to can be seen at http://www.rocketboysolutions.com/FParker/

What would you recommend doing to control the mobile menu icon when its going white?

Thank You

[Prasant]

Hello Bryce,

Thanks for asking.

You can add following CSS under Pro > Theme Options > CSS:

@media only screen and (max-width: 600px) {
    .x-btn-navbar {
    color: #797772 !important;
}
}

Thanks.

[rocketboy]

Thank you for your input, that did it!

[jade]

You’re welcome!