Streaming live at 10am (PST)

Help with Modal Window that slides in and out


#1

Hi!

I am trying to create a modal window that slides in and out with the click of a button. I am following the instructions for "Pop-Up Slide In/Out Modal" on this page by @Steven_Persoons (thank you for this awesome demo!). What I'm trying to do is the same thing as Steven did with the contact button on that page.

Link to my site is here: https://preview.webflow.com/preview/atdemo1?preview=c7f16c73f5ea258baeb462b2a5db2440. I am working on the About page and using Chrome 40.

I am using the interaction "Main page sidebar" on the "Main Sidebar" div block and "Click to Show Sidebar" on the button - see screenshots.

Main Sidebar Interaction:

Click to Show Sidebar interaction:

I have followed the instructions but the interactions don't seem to be working correctly. The sidebar stays pinned and the button hides when you click it, but that's it. I am brand new to Webflow so any help is much appreciated!

Thank you,
Hollis


#2

Hey Hollis!

Hope you are having a great evening,
simple fix for you. You just need to tell the interaction on this button to affect a different element. It needs to affect the sidebar and not the button itself when you click on it:

Lastly remove the interaction "Main Page Sidebar" from BOTH the Main Page Sidebar Wrapper and Main Page Sidebar Content -- this interaction should only be on the Main Sidebar itself (as highlighted in blue beneath)


#3

Thank you so much @jaidenleach! That worked smile


#4

That's Awesome!

Always here to help @hollis smile


#5

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