-
AuthorPosts
-
January 10, 2023 at 4:17 pm #1378154
Hey Enfold support
In mobile version the font color of the menu and burger menu are both white, however it should be #af7e34.
I have added this color to the menu links in overlay/slide out, but it doesn’t change.
How can this be changed?See here:
Thx & Best regards
LeneJanuary 10, 2023 at 8:41 pm #1378172Hey Lene,
Thanks for the link to your site, I see that you added the color #af7e34 to the advanced styling, but the mobile menu font color seems to be coming from css in your child theme like this:#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a { color: #ffffff;}
but I don’t see access to your child theme stylesheet or to the WordPress ▸ Customize ▸ Additional CSS
Please check these two areas for css colors for the mobile menu, they would override the advanced styling field.Best regards,
MikeJanuary 11, 2023 at 12:19 pm #1378249Hey Mike
Thanks for looking into the matter.
I don’t know what too or why it isn’t possible to access the child stylesheet or the other way you mention, can we use the quick CSS instead?
Best regards
LeneJanuary 11, 2023 at 1:03 pm #1378252Hi,
I think one of your plugins is blocking access, please try disabling your plugins to see if the theme editor shows, if not please include FTP access.Best regards,
MikeJanuary 12, 2023 at 2:40 pm #1378400Hi Mike
Thanks!
I have disabled all plugins? Can you access the stylesheet now? Or how do I include FTP access?
Best regards
LeneJanuary 12, 2023 at 2:59 pm #1378407Hi,
Thanks for trying but the child theme stylesheet is still hidden, I believe that you have custom css in it but it sounds like you may not have experience with FTP so try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to override your child theme stylesheet, it is not the best approach but it should work:@media only screen and (max-width: 989px) { .html_mobile_menu_tablet .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::after { background-color: #af7e34 !important; } #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a { color: #af7e34 !important; } }
After applying the css, please clear your browser cache and check.
If you still see the white try clearing your server cache also.Best regards,
MikeJanuary 12, 2023 at 4:58 pm #1378447Hey Mike
Thanks. It works!
Best regards
LeneJanuary 12, 2023 at 8:08 pm #1378471Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.