CSS fixed menu, on resize doesn't scroll horizontally

[ratneshray]

I have trouble in making a fixed menu bar.
When I resize the browser, the menu bar stays fixed. but while i scroll horizontally the menu bar doesn’t move. So i am unable to see some of the menu items which gets hidden due to the resize.
the code is here:

http://www.cssdesk.com/hDLJ9

Thanks and regards!

[Paulie_D]

You have a min-width of 1000px….could that be it?

[ratneshray]

even removing the min-width from the class (nav_box) doesn’t help. The menu elements get stacked up. That solution is acceptable. But I want that the fixed menu should be scrolled horizontally.

[Senff]

Obviously because it’s set to position:fixed, it will always stay at the same position in your browser window no matter how you scroll (horizontally or vertically).

[ratneshray]

Okay. I have seen various websites with fixed menu bar and also horizontally scrollable. Are those done using jquery?

[Senff]

Probably by wrapping it in another div or something like that.

Personally, I think horizontal scrolling is not cool and should be avoided anyway…

[jurotek]

Here… is a quick example of horizontal fixed navigation you might find useful

[Author]

Posts