Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 11, 2022 at 10:27 pm #1372277
    Eleina_Shinn

    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:

    Contact Us

    November 12, 2022 at 11:40 am #1372288
    Rikard

    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

    November 14, 2022 at 4:01 pm #1372518
    Eleina_Shinn

    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.

    November 14, 2022 at 6:31 pm #1372549
    Rikard

    Hi,

    Please try this CSS instead:

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

    Best regards,
    Rikard

    November 15, 2022 at 3:55 pm #1372655
    Eleina_Shinn

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

    ~e

    November 15, 2022 at 5:09 pm #1372671
    Rikard

    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

    November 15, 2022 at 5:22 pm #1372676
    Eleina_Shinn

    You can close it, all set!

    November 15, 2022 at 5:34 pm #1372681
    Rikard

    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

  • Author
    Posts
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.