[husker]

How can I change the color of the Hamburger 3 lines and the word MENU on the iPhone view.  They are black currently?   I do use a Child Theme.

[sujeet]

Hello @husker,

Please use the following css code to change the color for both Hamburger and the word menu.

.mobile-menu-anchor a.fa-menu,
.mobile-menu-anchor a.fa-menu:hover,
.mobile-menu-anchor a.fa-menu:focus {
   color: #FF0000 !important;
}

Please share your website url if the above code didn’t work. Thank you.

Regards,
Sujeet

[husker]

Stuck your code with my color in my Customized Additional CSS and it worked perfectly.

Thanks

[husker]

Stuck your code with my color in my Customized Additional CSS and it worked perfectly.

Thanks

[sujeet]

That’s great @husker !

[husker]

I found the code in the main CSS for mobile-menu code and trying to learn more.  For the word MENU where is the CSS for Font Theme and Size?

[sujeet]

Hello @husker,

Since the word MENU is hidden in the theme, which you have shown adding custom css, has no any css used in main css. So to add color and change size for the word, you have to use custom css like below:

.mobile-menu-text {
   color: #404040;
   font-size: 14px;
   letter-spacing: 4px;
   margin-left: 3px;
   margin-top: 3px;
}

Please feel free if you need any further assistance.

Regards,
Sujeet

[Author]

Posts