Streaming live at 10am (PST)

Seeking help with navigation bar!


#1

My navigation in mobile (tablet and mobile) has these quirks that I just can't figure out.

The menu icon jerks when it's clicked on and the dropdown menu won't return on the second click.

I would seriously appreciate any help!

Thank you.

https://preview.webflow.com/preview/rachel-campbells-dandy-site?preview=a2995dbf1ef6838f6e6e2d4d833644a2


#2

For starters, your nav menu has z-index=1, so when it's open it appears on top of the menu button, that's why you can't click it. Try to give your Menu button the a z-index higher than all z-indexes on your page.

Second, the Menu button jerks because you have modified the values for the position of the button when the menu is open.


#3

@Anna_Kelian Thanks for your help earlier...I've got nearly everything situated.
Though I've adjusted the layout for the "menu button" and it still jerks across all three platforms.

I've checked out to see if the icon was messing with it but I am not sure?

https://preview.webflow.com/preview/rachel-campbells-dandy-site?preview=a2995dbf1ef6838f6e6e2d4d833644a2


#4

Hey Rachel @theillustratrice,

Since your menu is still empty, I suggest you delete the navbar, clear the styles in the style manager (G) and add a new navbar. Try not to add any position to the elements. Only add open menu to the right. then give a higher z-index to the Menu Button and adjust the font and background color Only.

And let me know if it works

Good luck,
Anna


#5

Hey @Anna_Kelian,

I've taken a different more simplified route - think it compliments the functionality a little better but thanks for your time and advice!

The support here is amazing :wink:


#6

My pleasure @theillustratrice.

We are all here to help one another.

Have fun and good luck with your website.


#7

Thanks @Anna_Kelian - all the best to you too!


#8

Thank You Rachel @theillustratrice


#9

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