Topic: fixed-top and scrolling navbar not working out

VAMSHI BACHANEBOINA free asked 5 years ago

  <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 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> 
        <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>

VAMSHI BACHANEBOINA free commented 5 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 free commented 5 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(' (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 commented 5 years ago

Do you use MDB Free/MDB Pro?

VAMSHI BACHANEBOINA free commented 5 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 commented 5 years ago

what's wrong with carousel?

JoeDam free answered 3 years ago

responsive navbar does not work

Bartłomiej Malanowski staff commented 3 years ago

Could you please provide us more details?

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No