Tagged: Color, hamburger, menu, transition
-
AuthorPosts
-
July 24, 2019 at 5:01 pm #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?
July 24, 2019 at 5:07 pm #1121625BTW, when you click on the hamburger menu, the Search icon appears, using the hamburger color.
July 24, 2019 at 6:09 pm #1121671Hi,
I’m not seeing the issue unfortunately. Can you screenshot?
Best regards,
Jordan ShannonJuly 24, 2019 at 6:20 pm #1121680How do I post images here?
July 24, 2019 at 6:23 pm #1121682July 24, 2019 at 6:28 pm #1121685July 27, 2019 at 4:04 pm #1122336Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.
