Nav Bar Troubleshooting

[Kara_McSwain]

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!!
Kara

---

Here is my site Read-Only: Webflow - Meta Manufacturing Corporation

[mww (Milan)]

Hi Kara,

I’ve recorded a quick demo on how to fix this issue here: CleanShot 2022-07-20 at 11.41.34 · CleanShot Cloud

Hope this helps!

[Kara_McSwain]

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

Kara