Prevent Menu from Jumping

[siouxfan45]

I have a javascript in place which adds a CSS class named (.tiny) to my menu (#menu-container) when a user scrolls 25 pixels down the page. The .tiny class changes the menu from relatively positioned to fix positioning. Naturally, this causes all the content under the menu to jump up when a user scrolls down.

Demonstration: http://themeforward.com/demo2/

I’m curious what I need to do to .tiny to prevent this jump from happening.

[siouxfan45]

I’ve tried margins and different types of positioning with no success – is there another way to do this?

[Author]

Posts