Member Avatar for Chris_14

Hello. I am wondering how to create a floating navigation bar? (when you scroll, it will stay on top)
This is an example: http://templendo.com/

  • 6 Contributors
  • 5 Replies
  • 338 Views
  • 8 Months Discussion Span
  • Latest Post Latest Post by getaprogrammer
Member Avatar for JorgeM

The link you provided does not appear to work.

If you want for a navigation menu to remain fixed in its position, wrap the menu within a div and apply the position:fixed property.

Member Avatar for weweb

Well, you can use such theme: Business WordPress Themes that can be found on Themeforest.

Edited by weweb because: misspeling
commented: Horrible solution... -2
Member Avatar for mattskills

use position:fixed; in the css element and it will stay put when scrolling.

Member Avatar for <M/>

Well, you can use such theme: Business WordPress Themes that can be found on Themeforest.

You know, not everything has to cost money to be solved... most of their templates are meant to look good rather than operate will... I used some of their best templates yet to offer and they didn't meet half of my expectations. I found the best results when making the code myself.

Member Avatar for getaprogrammer

You make the navigation bar. Lets suppose its a div.
Add this style (at CSS)

#navbar{position:fixed; top:0; margin:0; left:0; width:100%}

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.