Symbols different on different pages

Design help General
1

New to Webflow so probably messed this up but I’ve spent the past few hours trying to understand just why my Symbols look different on different pages - I thought they should look the same on each page? An example is the top of this page:

http://neils-stellar-site.webflow.io

Note the position of the small home / search / phone icons on the homepage (which are a symbol). Now click ‘About Us’ and note how they are different to the Homepage?

I’m confused!

Here is my site Read-Only: https://preview.webflow.com/preview/neils-stellar-site?preview=6b485a8ce4512befcd5774f2169f2a11
(how to share your site Read-Only link)

2

That’s because in your Symbol - Home Link - has 16px right margin. And it is under the current pseudo-state. If you go to your about page, and select Home link - just add 16px right margin. That should fix it.

1 Like
3

Awesome! Many thanks for the fast response, all happy :smile:

I have similar issues with other symbols so this gives me the ammo to tackle those now.

Thanks buddy.