Navbar symbol displaying differently on two different pages

Design help General
1

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/
https://www.mortgagewithbadcredit.co.uk/lp/remortgage/fixed-rate/ten-years

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)

2

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.

3

Hi imtiazraqib,

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

Graham

4

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

5

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