Moving a shape (custom nav bar)

Design help Animations & Interactions
1

Hi Guys,

I’m fairly new to Webflow and am working on building my first site. I found this really cool nav bar design that I’m trying to mimic and it’s turning out to be fairly challenging.

Example site (trying to recreate the nav bar):

specifically, i really like that the bubble (surrounding the text) moves to the selected page.

The way I’m thinking of doing this is creating div block (in that shape) and setting the position to absolute and layering it under the text. What i can’t figure out is how to make sure my div block stays in the right position. Open to other suggestions on how to achieve the same result as well.

2

hello,
for this type of animation or position of shapes,
I recommend you check the real website by inspecting and understanding its layout first and using that positioning to get the most similar output.