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

VAMSHI BACHANEBOINA free commented 6 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.

I'm using keystone js for routing. Here scrolling navbar is not working out and background image is not responsive for mobile applications.

Please insert min. 15 characters.

Publish

---

VAMSHI BACHANEBOINA free commented 6 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; }

.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; }

Please insert min. 15 characters.

Publish

---

Bartłomiej Malanowski staff commented 6 years ago

Do you use MDB Free/MDB Pro?

Do you use MDB Free/MDB Pro?

Please insert min. 15 characters.

Publish

---

VAMSHI BACHANEBOINA free commented 6 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!

@bartlomiej I'm using free version and nothing is working out properly. I've tried out carousel, even it is not working properly!

Please insert min. 15 characters.

Publish

---

Bartłomiej Malanowski staff commented 6 years ago

what's wrong with carousel?

what's wrong with carousel?

Please insert min. 15 characters.

Publish

---