Home Forums Basel support forum Change Menu Bar Color/Transparency Reply To: Change Menu Bar Color/Transparency

#305981

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