Home › Forums › Basel support forum › Change Menu Bar Color/Transparency › Reply To: Change Menu Bar Color/Transparency
July 12, 2021 at 8:09 am
#305981
Elise Noromit
Member
Hello,
You can find all the options related to the Header in the Theme Settings > Header.
The menu bar can be changed with custom CSS, the header option changes the background color of the whole header.
zx
Please add this code to the Theme Settings > Custom CSS > Global for the sticky header:
body.woocommerce .sticky-header.act-scroll {
background-color: yellow;
}
body.woocommerce .sticky-header.act-scroll {
background-color: yellow;
}
body.woocommerce .sticky-header.act-scroll .menu>li.current-menu-item>a{
color:red;
}
body.woocommerce .sticky-header.act-scroll .menu > li > a{
color:green;
}
body.woocommerce .sticky-header.act-scroll .menu > li > a:after{
color:green;
}
body.woocommerce .sticky-header.act-scroll .menu > li > a:hover{
color:red;
}
body.woocommerce .sticky-header.act-scroll .right-column > .search-button a{
color: red;
}
body.woocommerce .sticky-header.act-scroll .right-column>div>a {
color: red;
}
Replace the color as per your needs.
Best Regards