Nav Bar Troubleshooting

Hi there! I’ve been struggling with formatting my Nav Bar. I want a dropdown (hamburger) menu across all devices. I am running into two issues:

  1. When I make the Nav Bar sticky upon scrolling down the page, the background color isn’t sticking. Only the Logo Icon and the menu button Icon are sticking, with their own individual BG colors. I want the entire 100vw

    Nav Bar to remain having a white background as you scroll down the page. The container and the nav bar itself are both set to having a white background color.

  2. When the drop down menu animation occurs, the hamburger menu shifts to the middle of the page from the righthand corner. I was struggling with placement, so I set both the Logo Icon and the Menu Icon to absolute, both being in the left hand corner and the right hand corner. How do I also retain the hamburger menu in the righthand corner for drop down animation?

Thank you!!

Here is my site Read-Only: Webflow - Meta V2

Hi Kara,

I’ve recorded a quick demo on how to fix this issue here:

Hope this helps!

Thank you so much! That worked perfectly, you are a life saver! :slight_smile:


1 Like