Hello,
On my wordpress! I can’t for the life of me figure out what code to put in the additional CSS to change the mobile menu icon color. In the mobile view of my site, the background is black and so is the menu button so you can’t see it. I’ve tried:
@media (max-width: 1000px)
.nav-toggle .bar {background: #ca2017}
Seems like anything I try won’t work.
Any help would be greatly appreciated. Thanks!
fromsymbolstosacraments dot com
Theme is: Lovecraft
Hey there,
For search icon:
Try to to find the “.search-toggle .genericon” in your CSS file and add “color” to following code
.search-toggle .genericon {
width: 100%;
font-size: 32px;
text-align: center;
position: absolute;
top: 50%;
margin-top: -16px;
color: white; /*New line which makes it white*/
}
For menu bars:
Try to to find the “.nav-toggle .bar” in your CSS file and change “background”
.nav-toggle .bar {
width: 30px;
height: 3px;
background: #fff; /*This line*/
border-radius: 2px;
position: absolute;
left: 50%;
margin-left: -15px;
top: 50%;
transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, transform 0.2s linear 0s;
}
Here is a screenshot with the changes.
Hope this helps,
Cheers,
Yigit
Thank you so much for the reply!
I did exactly that but it still won’t change 
When I change the values in the google inspector it changes the color on that.
But when I change the lines in the CSS file it won’t change.
Any other suggestions?
I’d appreciate it!
I solved the search genericon mobile by putting in the additional CSS:
.genericon-search:before {color: #ca2017}
But still haven’t figured out the toggle menu icon.
Fixed it on accident. This is really weird but I put a {} on the line before
.nav-toggle .bar in the Additional CSS and it changed. Then when I deleted the {} it stayed changed.
Thank you for taking the time to help me though!
More than welcome. Seems like you found it out by yourself.
Cheers
Yigit
