Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1121622

    https://silvabrothers.com/wp/
    If you start with a wide browser window and reduce the width, as the menu changes from text to the hamburger menu, the desired colors do not appear in a timely fashion.
    First, as the hamburger appears, it’s the default color, not the color I set it to. And the Search icon disappears, though if you mouse over it’s location, the changing pointer indicates it’s still there, just invisible.
    Then, shrink the screen width more and the hamburger changes to the desired color, though the Search icon is still invisible.

    How to resolve this?

    #1121625

    BTW, when you click on the hamburger menu, the Search icon appears, using the hamburger color.

    #1121671

    Hi,

    I’m not seeing the issue unfortunately. Can you screenshot?

    Best regards,
    Jordan Shannon

    #1121680

    How do I post images here?

    #1121682

    Hi,

    Add this to quick css:

    https://snag.gy/

    Best regards,
    Jordan Shannon

    #1121685
    #1122336

    Hi dianamaroney,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 1024px) and (min-width: 479px) {
      .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a,
      .responsive #top #wrap_all .menu-item-search-dropdown > a,
      .responsive #top #header .av-main-nav > li > a {
        color: #ffba44;
      }
      #top .header_color .av-hamburger-inner, 
      #top .header_color .av-hamburger-inner::before, 
      #top .header_color .av-hamburger-inner::after {
        background-color: #ffab44;
    }
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

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