Topic: Transparency navbar and skins problem
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
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;
}
}
/* 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;
}
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags