Try to search your question here, if you can't find : Ask Any Question Now ?

How to fix white background. Trying to make transparent navbar

HomeCategory: stackoverflowHow to fix white background. Trying to make transparent navbar
Avatarpragati asked 2 weeks ago

I want to make a full-page landing with a transparent navbar using bootstrap4. I want a navbar that sticks to the top as you scroll down.

When I use the class ‘fixed-top’, it looks ok but doesn’t follow as you scroll down. When I use ‘sticky-top’ it makes the background the navbar white.

<nav class="navbar navbar-expand-md navbar-dark bg-dark sticky-top">
    <div class="container-fluid">
         <a href="#" class="navbar-brand">Brand</a>
         <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarToggler-1" aria-controls="navbarToggler-1" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
         </button>

.bg-dark{
    background-color: transparent !important;
}
1 Answers
Best Answer
AvatarAmit answered 2 weeks ago
Your Answer

8 + 3 =

Popular Tags

WP Facebook Auto Publish Powered By : XYZScripts.com