-
AuthorPosts
-
November 11, 2022 at 10:27 pm #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:
November 12, 2022 at 11:40 am #1372288Hey 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,
RikardNovember 14, 2022 at 4:01 pm #1372518Thanks 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 #1372549Hi,
Please try this CSS instead:
.av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after { background-color: #066892 !important; }
Best regards,
RikardNovember 15, 2022 at 3:55 pm #1372655That’s perfect, you’re the best, thank you so much for your time and effort!
~e
November 15, 2022 at 5:09 pm #1372671Hi,
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,
RikardNovember 15, 2022 at 5:22 pm #1372676You can close it, all set!
November 15, 2022 at 5:34 pm #1372681Hi,
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 -
AuthorPosts
- The topic ‘Hamburger Icon & Mobile Menu Close Icon (the "X") don't have correct colors’ is closed to new replies.