Create an expanding div to push elements down

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)

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

@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?

1 Like

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

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

Thanks so much!

1 Like

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