- This topic has 3 replies, 2 voices, and was last updated 6 years, 11 months ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Home › Forums › Free Themes › WEN Associate › Changing Mobile Menu Bar colors
Tagged: menu bars mobile
you know, the three horizontal lines that appear on smartphones in lieu of the regular menu. I saw a thread which included helpful css changes but NOT exactly what I wanted for the bars themselves
this is the code presented
/* CSS For Changing the menu icon Bar on mobile */
@media only screen and (max-width:900px) {
#mobile-trigger {
background : #CC0000 none repeat
}
}
this is good to change the background of the bars but not the bars themselves
_____
_____
_____
which remain orange
any suggestions would be helpful thanks..JD
Hello @jimd,
To change the mobile menu trigger bar colors in WEN Associate theme, you can paste in the following custom CSS in your Admin Dashboard > Appearance > Customize > Additional CSS :
@media only screen and (max-width: 767px){
#mobile-trigger .fa.fa-bars {
color: #0917e6;
}
}
You can change the color of the bars to your desired color by changing the color hex code.
Hope this Helps,
Best Regards !!
Yes!! we have a winner!! thank you JD
Hello @jimd,
Glad we could help you !!
If you have any issues further, please feel free to post your queries and we will happily help you further.
We will really appreciate if you could help us too by rating our theme in WordPress repo here:-
https://wordpress.org/support/theme/wen-associate/reviews/
Best regards !!
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |