Tagged: Color, hamburger, menu, transition
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?
BTW, when you click on the hamburger menu, the Search icon appears, using the hamburger color.
Hi,
I’m not seeing the issue unfortunately. Can you screenshot?
Best regards,
Jordan Shannon
How do I post images here?
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