Menu Changes

Hi

I use this code to, I don’t know if it will be the best… 🙂

Change the background color of the header to transparent

.whb-general-header {
background-color: rgba(250, 250, 250, 0);
}

Change the Background color of the Sticky header
.whb-sticky-shadow.whb-sticked .whb-row:last-child {
border-bottom: none;
background-color: #aa923a !important;
}

How can i chage te menu colors?

TOP BAR:
– Change Menu color
– Change Menu color hover

Main Header
– Menu Color active
– Menu Color
– Menu Color Hover

Main Heade Sticky
– Menu Color active
– Menu Color
– Menu Color Hover

I use Templae – vegetables

Thanks

Best Regards

https://imgur.com/a/6H328mx

Hi,

Could you please send us a link to your website so we can check how it is set up?

Kind Regards

Hi Bogdan

I send the info (extra info)

Thanks

Try to add the following code snippet to the Custom CSS area in Theme Settings:

/* GENERAL HEADER ROW BACKGROUND COLOR & BORDER */

body .whb-general-header {
	background-color: transparent;
	border-bottom: none;
}

/* STICKY HEADER ROW BACKGROUND COLOR */

body .whb-header.whb-sticked .whb-general-header {
	background-color: #aa923a;
}

/* TOPBAR HEADER ROW NAV COLOR */

body .whb-top-bar .wd-nav.wd-style-default {
	--nav-color: green;
	--nav-color-hover: orange;
	--nav-color-active: pink;
	--nav-chevron-color: white;
}

/* GENERAL HEADER ROW NAV COLOR */

body .whb-general-header .wd-nav.wd-style-default {
	--nav-color: white;
	--nav-color-hover: red;
	--nav-color-active: blue;
	--nav-chevron-color: white;
}

/* STICKY HEADER ROW NAV COLOR */

body .whb-header.whb-sticked .whb-general-header .wd-nav.wd-style-default {
	--nav-color: green;
	--nav-color-hover: orange;
	--nav-color-active: pink;
	--nav-chevron-color: white;
}

Kind Regards

[Author]

Posts