Navbar symbol displaying differently on two different pages

Hi

I wonder if I can get some quick help please…

Both these pages are using a navbar in a symbol. Yet the font size of the nav links is displaying differently…

https://www.mortgagewithbadcredit.co.uk/

I’m a bit of a loss figuring out what’s going on. Any help would be much appreciate, thank you.

Here’s the share link:
https://preview.webflow.com/preview/mortgagewithbadcredit-co-uk?utm_medium=preview_link&utm_source=dashboard&utm_content=mortgagewithbadcredit-co-uk&preview=4702ed782186ef65ec6f1eb0ff59e4c9&workflow=preview

Graham


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hey @GrahamCox , looks like you are using the Wizardry method by Timothy Ricks. It’s actually a small oversight to fix this issue.

In your home page, you have a global symbol that contains CSS to adjust the font-size at smaller viewports. You have not added this to your other pages. Just add the global symbol to all of your pages and your Nav should work as intended.

Hi imtiazraqib,

Thank you very much for answering that so quickly. Really appreciate the help, cheers.

Graham

Anytime my friend, glad I could help! Happy Designing :grin: :+1:

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.