Help changing color of mobile menu and search icon on wordpress

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,

Thank you so much for the reply!

I did exactly that but it still won’t change :confused:
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!
Screen Shot 2020-04-02 at 10.21.48 AM

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.

Screen Shot 2020-04-02 at 11.53.32 AM

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.

Screen Shot 2020-04-02 at 12.07.39 PM

Thank you for taking the time to help me though!

More than welcome. Seems like you found it out by yourself.