Streaming live at 10am (PST)

Nav Interaction Problem


#1

Hey, I am new to webflow and building website in general, I used interactions for the first time today to try and make a little nav hamburger menu for my site.

Im having an issue with the text on it, its easier to show you rather than explain it...

http://gregnelson.webflow.io/portfolio

any help would be appreciated!

Thanks,
Greg


#2

You're off to a good start! :slight_smile: Can you post your read-only link so members of the forum can take a closer look at this behavior?

https://help.webflow.com/article/how-do-i-share-my-sites-read-only-link


#3

thanks! yeh sure,

https://preview.webflow.com/preview/gregnelson?preview=7cd2996044566e547c0cf403bbec66c8


#4

Thanks! :slight_smile: Your div Nav_text_bar is being resized by the interaction. Because of this, the contents of that div are knocked down to the next line because there's not enough room in the div until it fully expands.

Perhaps set your Nav div to Overflow: Hidden and change the interaction to move from the right. It'll achieve the same effect without forcing the contents to a new line. :sunglasses:


#5

Yes that seems to work better although still not perfect. I am trying to replicate this: https://interactions.webflow.com/click-to-show-content-video

you can see how the text does not move but is more unveiled, which I think looks smoother.

heres my updated read only link: https://preview.webflow.com/preview/gregnelson?preview=c447baa12d80ca0e45f8c4fbb70ead65


#6

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