Twitter Bootstrap Question posted in

Twitter bootstrap – Bootstrap sticky navbar disappears on page reload

I have made a single page website using Twitter Bootstrap 3.3.5. I have a navbar-fixed-top in the website which works fine and does the job but the problem I am facing is, whenever I reload/refresh page from the middle, fixed/sticky navbar doesn’t show unless I scroll. Can someone help me solving the problem?

Link to the site is http://www.shahpoojan.com/vs

You can click on reel or bio and then refresh browser. I am using firefox to test it.

Waiting for a response. Thanks

Tags:

2

Answers


  1. 0

    That is the normal behaviour the page expects a scroll event to add a class of fixed to the navbar, you can make the navbar fixed from the start if you really wanted to change that.

    Login or Signup to reply.
  2. 0

    You must have some sort of javascript code adding classes to the nav for the fade effect try replacing the nav classes

    from this <nav class="navbar navbar-default navbar-static-top id="nav">

    to this <nav class="navbar navbar-default navbar-static-top navbar-fixed-top" id="nav">

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search