- This topic has 5 replies, 2 voices, and was last updated 3 years, 7 months ago by
.
Website: pinapower.com
responsive hamburger menu color does not change. Currently its white.
Currently custom CSS is set to but no changes to hamburger:
[.primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .c-hamburger:not(.is-active) span,
.primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .c-hamburger span:before,
.primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .c-hamburger span:after{
background-color: #000 !important;
}.wpforms-form button[type=submit] {
background-color: #fff !important;
border-color: #ffe01c !important;
color: #000 !important;
}.wpforms-form button[type=submit]:hover {
background-color: #ffe01c !important;
}]But as u see the hamburger is still white (see screenshot)
the hamburger turns gray when I scroll the page down a little.
Whats the solution here?
Hi there,
Sorry for our late response.
Is this issue still relevant? If yes, can you please share the link to your website?
Best regards,
Shufflehound team
Yes, the issue still there.
Website: pinapower.com
We saw your website and with a small tweak to your CSS code it should work just fine (we added body at the beginning)
body .primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .c-hamburger:not(.is-active) span, body .primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .c-hamburger span:before, body .primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .c-hamburger span:after{ background-color: #000 !important; }Perfect! This worked! Thanks much
We are glad that it worked! 🙂
