Streaming live at 10am (PST)

Create an expanding div to push elements down


#1

I am trying to have the menu div push the elements below it down when expanded. I know this can be done, but I am having a blonde moment.

Please help guys!

Thanks!! @sabanna


Here is my public share link: https://preview.webflow.com/preview/neusight-mtt?preview=8239d8bc1fd9e144f0810af3aaf76c9d
(how to access public share link)


#2

Hello @seank,

What I would do is added "fake menu" div in between nav and next section. Then I would give menu some height and create interaction for menu-button with click trigger:
- 1st click - "fake menu" height become equal real menu height,
- 2nd click - "fake menu" height equal 0px.

Regards,
Anna


#3

@sabanna - hey long time! It's nice to hear from you. I apologize for not making myself clear, but if you scroll near the bottom you will see I have a menu button for a good menu, not the pages navigation.

Does that make sense?


#4

Oookkk, got it.

There are "too many" steps in the interaction "hide".

1) change "introcont" container height to "auto"


2) Change and remove some triggers in the "hide" interaction


#5


#6

Thank you @sabanna, I will try that and let you know when I have it working.

Thanks so much!


#7

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