@Lauren_Petronie if you want to use Webflow’s default hamburger menu, you must use the basic navbar element.
So the first step is to go to your mobile breakpoint and set your current navbar element to display: none. Now it should be hidden. Next go to the add elements tab in the designer and under components there is a navbar. Add this to your project, and set the same setting such as fixed positioning to the top. Now you can add your logo. Sometimes the logo doesn’t want to go where you want to go, so my favorite way of doing this is setting the link block to flex and set align and justify to center. Next I give the link block a height of 60px and a width of 90px. Also remove the padding on the link block. This gives is plenty of room on the sides and ensure your logo is vertically centered. For your hamburger menu, it comes with a default three links. To add a link, click on the hamburger menu, go to the settings panel, and at the very bottom of the tab “navbar settings”, click “add link”. Also, I would suggest that you give your navbar a background color, even if is not opaque. The hamburger menu can be hard to see otherwise.
When you want to style the dropdown menu, click on your navbar and go under settings there will be a slide you can click that says “show” and “hide”. Now you should be able to see your menu, and can customize the color, width, etc.
When I was getting started in Webflow, navbars were the thing I most struggled with . Hope this helps!