Archived topic
hooked cta button in menu_bar_items should have same color as toggle
3 replies · Started by tita on November 4, 2022
Hello, I'm trying to achieve: CTA Button, already hooked to menu_bar_items should have the same color as the toggle.
Toggle has
.header-wrap #site-navigation:not(.toggled) .main-nav > ul > li > a, .header-wrap #mobile-header:not(.toggled):not(.navigation-stick) .main-nav > ul > li > a, .header-wrap .main-navigation:not(.toggled):not(.navigation-stick) .menu-toggle, .header-wrap .main-navigation:not(.toggled):not(.navigation-stick) .menu-toggle:hover, .main-navigation:not(.toggled):not(.navigation-stick) .menu-bar-item:not(.close-search) > a {color:white;}
CTA Button should have the same color (white on site, original color on sticky), but can't find the trigger.
Can you help me out?
Hi there,
try adding this CSS:
.header-wrap #site-navigation .gb-button {
--contrast: #fff;
}What it will do is swap the --contrast color just for the gb-button inside the site-navigation.
TY, works like a charme.
Glad to hear that!
