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/

Recommended Answers

All 5 Replies

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.

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

commented: Horrible solution... -2

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

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.

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.