So, I purchased the Supreme website theme. I liked the “newsletter” drop down feature on the top of the page, when you click the green cross. I liked it so much, that I changed it to my contact page.
I also changed the “contact” buttons to open up this drop-down page, but these buttons do not scroll up automatically - how do I get it to do this?
This image shows how it looks like, when I hit the ‘contact’ button.
Hey @denpiilgard! After playing with the interactions a bit I think I have it figured out. Basically you will have set the overlay to have similar interactions to those set on the green button. Here are the steps I followed:
Select the ‘overlay’ div and click on the settings of the interaction already assigned to it
Add a new click trigger animation
Select ‘affect different element’ and type in ‘contact-section’
add a new interaction on first click and set height: 0px and click done
Can you also answer, how I get my ‘contact’ button beneath my text (as shown in my first picture) to automatically scroll up, when it opens the contact formular?
For sure! If you give the ‘contact-section’ an ID, you can have the contact navlink scroll to the top of the section on click. However, once I do that It seems to take two clicks. One to scroll up and one to activate the animation. I am trying to solve this issue now
That should work. Try publishing the site to the .io domain to see if the two click glitch is still happening, or if it only happens in the webflow preview. Let me know!
