Streaming live at 10am (PST)

Show and Hide Interaction - Border Box Issue


#1

Hi all,
I have an issue with a show and hide interaction.
Ive followed the video tut and it works except for one issue.
I have a border on the drop down menu and this loads in a strange way on click.
Heres a link to see what i mean...

https://preview.webflow.com/preview/pinkmanredesign?preview=0c886006e2306e57a21ef409e20e9a2a

Using Safari but does same thing using chrome.
Any suggestions would be amazing! T
Thanks in advance.


#2

Hi @yojke, thanks for the question ! The reason that the dropdown is acting funny with the interaction is that there is some top margin and top and bottom padding used on the Furniture div.

Interactions do not take into consideration the top and bottom padding and margins, so the interaction appears jerky.

​I hope this helps. If not, please let me know wink Regards,Dave


#3

Thanks Dave, thats fantastic! Works perfectly.
I got around the padding issue by applying the interaction to a wrapper which allowed me to add padding back to the text.
Appreciate your help.
Cheers Robbie


#4