Nav Bar Component Shows Up Differently In Two Instances

Design help Layout & Design
1

Hi there!

The Nav Bar Component in my project shows up differently on the two pages that I currently have, which should theoretically be impossible, since it’s a component… As you can see, on the Home Page everything in the nav bar is perfectly aligned, while on the Shop Page the menu items all of a sudden do not align with the logo anymore. How is this possible and how can I fix this?

Thank you for your help!

Here is my site Read-Only: Webflow - Nature Leaf Organics
(how to share your site Read-Only link)

2

The reason for that is because your navbar logo link has some styles applied when the page you’re in is the Home page:

CleanShot 2023-02-13 at 15.53.46
CleanShot 2023-02-13 at 15.53.461913×914 209 KB

and in the shop page those styles are not there:

CleanShot 2023-02-13 at 15.56.00
CleanShot 2023-02-13 at 15.56.002004×625 70.6 KB

3

Wow, missed that entirely. Thank you!