Topic: fixed-top and scrolling navbar not working out
                                            
                                            VAMSHI BACHANEBOINA
                                                                        asked 8 years ago                                
<header> 
  <nav class="navbar fixed-top navbar-expand-lg navbar-dark scrolling-navbar "> 
     <div class="navbar-header">
        <button type="button" data-toggle="collapse" data-target=".navbar-collapse" class="navbar-toggle"> ☰ </button>
        <a href="/" class="navbar-brand"><strong>dataMS</strong></a> 
     </div>
     <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav navbar-left"> 
             {{# each navLinks}} 
                 <li {{#ifeq ../section key}}class="nav-item active"{{else}}{{/ifeq}}> 
                    <a href="{{ href }}" class="nav-link" id="topNav">{{ label }}</a> 
                </li> 
             {{/each}} 
        </ul> 
        <ul class="nav navbar-nav navbar-right"> 
           {{#if user}} 
              <li><a href="/keystone/signout" id="signout">Sign Out</a></li> 
             {{else}} <li><a href="/keystone/signin">Sign In</a></li>
          {{/if}} 
       </ul>
     </div>  
   </nav>
 </header>
                                                                    
                                                    
                                                    JoeDam
                                                                                        answered 6 years ago                                        
responsive navbar does not work
Bartłomiej Malanowski staff pro premium commented 6 years ago
Could you please provide us more details?
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
 - Premium support: No
 - Technology: General Bootstrap questions
 - MDB Version: -
 - Device: -
 - Browser: -
 - OS: -
 - Provided sample code: No
 - Provided link: No
 
VAMSHI BACHANEBOINA commented 8 years ago
I'm using keystone js for routing. Here scrolling navbar is not working out and background image is not responsive for mobile applications.VAMSHI BACHANEBOINA commented 8 years ago
.scrolling-navbar { -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out; -moz-transition: background .5s ease-in-out, padding .5s ease-in-out; transition: background .5s ease-in-out, padding .5s ease-in-out; } .view{ background:url('https://mdbootstrap.com/img/Photos/Others/img (40).jpg') fixed no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }Bartłomiej Malanowski staff pro premium commented 8 years ago
Do you use MDB Free/MDB Pro?VAMSHI BACHANEBOINA commented 8 years ago
@bartlomiej I'm using free version and nothing is working out properly. I've tried out carousel, even it is not working properly!Bartłomiej Malanowski staff pro premium commented 8 years ago
what's wrong with carousel?