Header on mobile appears black on homepage only

[maelga]

Hi

How to style the homepage header on mobile?
It appears black, although it should be transparent like on bigger screen.

Thanks for your help

[sharmstr]

Not too easy, but this should get you started. Adjust colors and borders as necessary.

@media (max-width: 991px) {
    .kleo-main-header, .navbar-transparent .kleo-main-header, .kleo-navbar-fixed.navbar-transparent #header {
        position: fixed !important;
        background-color: transparent;
    }
    .navbar-collapse.nav-collapse.in {
        background-color: #222 !important;
    }
    #header.header-color .navbar-nav li {
        border-top-color: #cccccc;
        border-bottom-color: #cccccc;
    }
}

 Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[maelga]

It seems to work perfectly.
Thanks sharmstr!

[Author]

Posts