Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1372277

    Hi,

    On this website, although the menu is now perfect on Mobile and Desktop (you guys have helped me fix the top bar because it wasn’t taking on styling options on pages where I have a transparent header, which is almost all pages)… but I just noticed that on the tablet view of this site, two things:

    1) when you hover over the hamburger icon, it turns white – so you can’t see it, so I think it is taking on transparent header options; and
    2) the Mobile Menu when it pops out does not have the “X” to close it – because it also appears to be white and taking on the transparent header theme options.

    I believe this because it works properly on the one page that does not have a Transparent Header, the Contact Page:

    #1372288

    Hey Eleina,

    Please try the following in Quick CSS under Enfold->General Styling:

    .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after {
      background-color: #000 !important;
    }

    Best regards,
    Rikard

    #1372518

    Thanks Rikard,

    It kind of helped. It changed the Mobile version as well as tablet (only tablet was messed up and mobile version was better). Now on mobile there is a black line above and below the middle line of the hamburger icon, which is styled in theme options to be blue. And on the tablet version there are three black lines in the hamburger icon, then upon hover the middle line disappears, becomes white.

    I liked the way the hamburger icon appeared on mobile prior to this change, it was the blue I styled it in theme options; would love for tablets to take on the styling in theme options as well.

    #1372549

    Hi,

    Please try this CSS instead:

    .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after {
      background-color: #066892 !important;
    }

    Best regards,
    Rikard

    #1372655

    That’s perfect, you’re the best, thank you so much for your time and effort!

    ~e

    #1372671

    Hi,

    Great, I’m glad that we could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1372676

    You can close it, all set!

    #1372681

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread and include WordPress admin login details in private, so that we can have a closer look at your site.

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Hamburger Icon & Mobile Menu Close Icon (the "X") don't have correct colors’ is closed to new replies.