Nav bar not taking full width on mobile device, driving me crazy

Design help General
1

So, I’ve used the Webflow navbar element, which is quite convenient to show the menu on dropdown on mobile.

However, when I open the site on mobile (tried with my iPhone and the one of my sister as well, on Safari and on Opera mobile), then the nav bar doesn’t fit the full width, even if it should !

It appears properly on the designer but not on the live site on mobile as shown on the images below !

Can someone has a solution, please ??

IMG_7844.PNG
IMG_7844.PNG1242×2688 196 KB

live view

Capture d’écran 2024-12-09 à 16.29.58
Capture d’écran 2024-12-09 à 16.29.581024×1378 96.3 KB

Designer view

Here is my site Read-Only: [LINK][1]

And the live site : ajc-lyon.webflow.io

2

OK, found it.

If you use the nav bar element from webflow, it has some css properties with !important associated to it. So, do not change the display on it. Also the menu button should have a width and height set. Maybe it’s not necessary but that worked for me.