Nav Interaction Problem

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

1 Like

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?

thanks! yeh sure,

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

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:

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

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