Hey Community!
I’ve run into a tricky issue with my navbar while building my website. There seems to be a padding problem on the mobile breakpoint of my subpages. I can’t get the logo and the menu burger to stick to the left and right edges of the navbar — but it works perfectly on my main page, which is where I originally copied the navbar from. I also don’t see the problem inside of the editor, only when I’m viewing the live page.
I’ve already tried removing all padding from the navbar’s parent elements, but nothing seems to fix it. I have no idea where the extra spacing is coming from, and I’m starting to get desperate 
Any help would be hugely appreciated!
Hi there,
To fix the logo and menu burger alignment on mobile, here’s what you can do:
In the mobile breakpoint, select your navbar and check these settings:
- Set the width to 100%
- Remove any margin settings (left, right, top, and bottom)
- Ensure padding values are appropriate for mobile viewing
- Check that the container settings allow full-width display
Since you’re experiencing differences between your main page and subpages, review your navbar’s class settings and inheritance. Sometimes additional spacing classes or custom styles on subpages can override your main navigation settings.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Hi!
Thanks for your reply!
I fixed it a few seconds ago, I wrapped the brand inside a div, set the nav container to flex with right alignment and gave the new div margin auto on the right side. It doesn’t seem logical to me but it works.