Hello @andyms
You can change it using this CSS code:
@media screen and (min-width: 48em) {
.has-header-image.home.blog .headroom--not-top .navbar, .has-header-image.inspiro-front-page .headroom--not-top .navbar, .has-header-video.home.blog .headroom--not-top .navbar, .has-header-video.inspiro-front-page .headroom--not-top .navbar {
background: rgba(0,0,0,.9);
}
}
Just add it in the Customizer > Additional CSS, then change “.9” to a lower value.
Thread Starter
andyms
(@andyms)
hi @wpzoom
It only affects the home page, other pages don’t affect it, please advise.
thanks
@andyms can you send us the link to your website?
@andyms replace the previous code with this one and it should work:
@media screen and (min-width: 48em) {
.page-template-default .headroom--not-top .navbar, .has-header-image.home.blog .headroom--not-top .navbar, .has-header-image.inspiro-front-page .headroom--not-top .navbar, .has-header-video.home.blog .headroom--not-top .navbar, .has-header-video.inspiro-front-page .headroom--not-top .navbar {
background: rgba(0,0,0,.6);
}
}
Thread Starter
andyms
(@andyms)
wow, many thanks @inamoro
what a great support team here, love it !
