Streaming live at 10am (PST)

JQuery Resizing header / navbar


#1

Hi all,

I'm trying to implement a jquery collapsible header like this :
http://netdna.webdesignerdepot.com/uploads7/how-to-create-a-resizing-menu-bar/

I understand the theory and have no problem doing it outside of webflow, but I'm wondering if it can be done using the custom code or embed tags within Webflow. It's tricky as the CSS from webflow doesn't seem to want to play nice if i change it to much.

Any suggestions? Bartekkustra?


#2

Should work -- copy css to head section in custom code settings, then copy javascript that changes the classes for the header into the code section before body tag in the custom code section.

You also have to give your elements the same names/classes as used in the web example you gave.

Cheerios


#3

I did that this afternoon actually! http://km-media.webflow.com/

works lovely, though still trying another little animation on the logo so that only part of it displays on the smaller header.


#4