Streaming live at 10am (PST)

Headers & Footers like Growthhackers


#1

Hi there,

I am new here and so loving Webflow so far, it feels like stepping into the future.

I really like how the guys at Growthackers designed the menu and footer. Here’s a video of what I would like to achieve. https://www.useloom.com/share/6adf2dc42cc84413ac4c7dcdcf09d8a8

Can anyone help me with this? I know it’s probably dead simple for some of you.



#2

@marnimelrose, looks like the navbar has a scroll-based interaction that changes both height and 3D perspective.

This should help you out: https://university.webflow.com/topic/design-transitions-transforms

Cheers :v:


#4

Hey @marnimelrose

So there are a couple of things that can’t happen here without some third party plugins, you can definitely do the 3D Transforms but the Nav on Growthhackers is controlled by the page moving up or down this isn’t native functionality in Webflow, Webflow can create the Growthhackers 3D interaction but it will be controlled when the nav hits or leaves a specified area, e.g. when the nav goes past the hero section, make sense?

Do you have any experience with external JS or Jquery libraries?

Here’s a preview I just whipped up to show you how you can make the footer
(You have to think outside of the box with this one)
http://aarons-supercool-project-272bf3.webflow.io/

https://preview.webflow.com/preview/aarons-supercool-project-272bf3?preview=28aff515db9cc95dee50a3364f5e7f08


#5

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.