The top line above the menu, in webflow, looks identical on every page of my website. But when I view it in different browsers the home page is correct, but on all of the other pages the top line above the main menu is not centered.
Does anyone know why?
https://preview.webflow.com/preview/grow-rite-lawn-care?utm_medium=preview_link&utm_source=dashboard&utm_content=grow-rite-lawn-care&preview=a38c48e2a9d3e182f190f67bd6548e45&workflow=preview
Here is my site Read-Only: LINK
[(how to share your site Read-Only link )](Webflow - Grow Rite Lawn Care )
memetican
(Michael Wells)
February 21, 2025, 6:58pm
2
It’s your current state styling on the logo.
Within your nav component [1] you have your logo link [2] configured for current state [3] since you’re on the home page.
There you have special styling just for that state [4][5] which is only affecting your home page, since the link points to your home page.
I’d reset those styles [4][5] then change your selector to remove the Current state, and re-apply them.
Thank you so much! That was a huge help. I’ve got it all correct now.
Again, thank you.
1 Like