Brand/logo in navbar shifts to right in mobile

Design help Layout & Design
1

Hello! For some reason, the brand/logo in my navbar shifts slightly to the right in the mobile (l) and mobile viewports on all pages other than the homepage. I’m not sure why this is the case, considering the navbar is exactly the same across all pages (I used a component). I tried tinkering with removing the “current” pseudo-class but still couldn’t find the source of the issue. Any help is greatly appreciated!

Here is my site Read-Only: Webflow - Landlocked

2

I solved it, for anyone interested! Using Dev Tools, I discovered that when the pseudo-class “current” was NOT applied (i.e. on pages other than the homepage), the class .brand somehow had 10px left padding applied. This was not visible at all in the Webflow designer. So, I set the padding to 0px, and that fixed the issue!

1 Like