Streaming live at 10am (PST)

Transition/interaction to ascending Dropdown in Slider


#1

Hi Webflow team,

I have added an ascending dropdown menu to a slider in the footer. It's working fine, however whatever IX or transition I apply does not appear only hide or move the toggle link. The dropdown list block is "none" and position "fixed" which is required to have it ascending if I understand correct? Please have a look:

https://preview.webflow.com/preview/sune-w-andersens-first-site?preview=ef366cbebd4305ec93a3b993532a0458


Here is my public share link: LINK
(how to access public share link)


#2

Hi, I don't fully understand what you're looking for. Maybe could you describe exactly what you want to achieve and we'll help you find the best structure and interactions for it?

Particularly I don't get why your "drop-up" has to be in a slider.

If you are trying to reproduce something you've seen somewhere can you show us the reference?

Thanks


#3

Hi Vincent,
Appreciate you're taking the time to review my query. The "Destinations" page and its sub pages is meant to hold a portfolio of photos from around the world. The slider will show the countries and the drop up - cities. I removed the arrow from the drop down element, as I don't need it and made the changes in order for it to drop up. The drop up does shown on hover, though I would like a much smoother and elegant transition. Another user has a similar request, referring to the this site: https://nishi.momofuku.com/

Ultimately I just want to be able to make an IX introducing the drop up menu more elegantly. I have tried several instructions both from the forum and the tutorials, though they don't execute well. If I select initial appearance to opacity: 0, the toggle and text (country) disappears and in general none of the transition features seem to execute and apply correctly. Probably a position issue, though not experienced enough to determine which. Does it have anything to do with the Z-index value?


#4

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