Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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:

    View post on imgur.com

    View post on imgur.com

    Thx & Best regards
    Lene

    #1378172

    Hey 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,
    Mike

    #1378249

    Hey 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
    Lene

    #1378252

    Hi,
    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,
    Mike

    #1378400

    Hi Mike
    Thanks!
    I have disabled all plugins? Can you access the stylesheet now? Or how do I include FTP access?
    Best regards
    Lene

    #1378407

    Hi,
    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,
    Mike

    #1378447

    Hey Mike
    Thanks. It works!
    Best regards
    Lene

    #1378471

    Hi,
    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.