different menu color for header and sticky header

Question

Hi support team,

i want to have different color in the header menu (i.e. white) and different color on the sticky header menu (i.e. blue)

live site: teamworks-international.com

and the mobile menu color to be blue as well

Thanks

SemiColonWeb · Accepted Answer

Hello,

You can simply define Custom Classes with your CSS Settings. Example:

.sticky-menu-color #primary-menu ul li > a { color: #HEX; }

.responsive-menu-color #primary-menu ul li > a { color: #HEX; }

and then add the data-sticky-class="sticky-menu-color" and data-responsive-class="responsive-menu-color" Attributes to the #header Container. Example:

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.