Navbar not sizing correctly in published page

Design help General
1

Hi! I’m having trouble sizing a dropdown nav menu. It seems like it’s taking its width of its parent container, which makes sense of course, but that means it’s cutting off elements within it. When I try to set the width of the box manually, it doesn’t work because (when inspecting the html of the published page) there’s a wrapper that isn’t accessible within the designer.

The issues is with the round ‘MENU’ button.

I don’t know if the read-only link will be useful, but here’s my staging page.
https://coloradospringsmag.webflow.io/

Here is my site Read-Only: https://preview.webflow.com/preview/coloradospringsmag?utm_medium=preview_link&utm_source=designer&utm_content=coloradospringsmag&preview=befa83e9e0301ddd1ff858775e4bc21f&workflow=preview

2

Hi Jacob, so you’ve added quite a bit of padding in side the dropdown wrapper making the text inside cut off you can lower the padding and it should be fine

image
image1867×974 245 KB

image
image1867×974 194 KB

3

No, removing the padding did not solve the issue. Please note that the issue only shows in the published version of the site, not the Preview.

image
image1509×1230 143 KB

EDIT: rather, the issue does not happen on the default breakpoint, only breakpoints larger and smaller.

4

Anyone have any suggestions? Webflow is attaching styling to a wrapper element that isn’t visible in the designer. I only know it’s there when looking at the dev console on the published page.