Transparency navbar and skins problem

Topic: Transparency navbar and skins problem

Pierre Dommerc pro asked 8 years ago

Hi, I try to implement this layout : Full Page Intro with fixed, transparent Navbar with the dark skin. The problem is when I apply the skinn : <body class="fixed-sn dark-skin"> The nav bar lost its default transparency. How I can fix that ?

Add comment

Marta Szymanska staff pro premium answered 8 years ago

0 0 Best answer

Hi, You can fix this problem by creating your new custom css file, then you copy css code from documentation: http://mdbootstrap.com/css/page-layouts/#i-f-t-n and then instead this part of code:

/* Navigation*/
    
    .navbar {
        background-color: transparent;
    }
    
    .top-nav-collapse {
        background-color: #4285F4;
    }
    @media only screen and (max-width: 768px) {
        .navbar {
            background-color: #4285F4;
        }
    }

You paste this code:

/* Navigation*/
    
    .dark-skin .navbar {
        background-color: transparent;
    }
    
    .dark-skin .top-nav-collapse {
        background-color: #3b3b3b;
    }
    @media only screen and (max-width: 768px) {
        .navbar {
            background-color: #3b3b3b;
        }
    }

Add comment

Pierre Dommerc pro answered 8 years ago

0 0 Best answer

Quite simply! Thanks you :)

Add comment

answered 8 years ago