How to Make Sticky Navigation Bar While Scrolling in any Blogger Template

There are a lots of websites or blog where you can see their navigation bar starts floating on top. Some site make it fix forever and some site make it appear after you scroll down the page, this technique allow you to keep showing the categories or other services that hide after visitor scroll down.

After following the steps of this post, your current Blogger navigation bar or menu bar become sticky

How to Make Sticky Navigation Bar While Scrolling in any Blogger Template

How to Make Sticky Navigation Bar

1.First of all login to your blog and go into Template>Edit Template

2. Add this css in above </b:skin> or inside menu css

3. After Put This JavaScript on above </body> tag 

pls note* replace "menu-wrap" with your approprieate nav id. like { nav,css-menu, etc}


3. And it has been done! Visit your site and see the changes 😊


If you found this post useful, please share it because Sharing is Caring 😊.



Good Day Everyone, I am the author of this Blog. I hope you enjoy reading articles about blogging, tutorials related to blogger and android. Would you please socialize my blog posts? Thanks for your support.
  • Facebook
  • Twitter
  • Instagram
  • Related Posts

    2 Comments

    1. I have tried to search the navigation bar in order to copy it and paste to the menu wrap but i wondering i dont see it can you please help me

      ReplyDelete
    If You have any doubt , let me know

    Top Ad Articles

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel