Archived topic
Possible bug - changing a font in a Text Heading causes font change in Main Nav
5 replies · Started by Kristin on August 5, 2018
Hello,
In building out my site I've noticed the home page has a slightly different font weight and position than the other pages. While troubleshooting, I determined that editing the font of a text heading causes this. Compare main nav font weights & positions here between https://www.stayslopeside.com and https://www.stayslopeside.com/play
Here are the steps I took to find the issue -
1. Duplicated the affected page (Home), issue persisted.
2. Created a new page from scratch, NO issue present.
3. Set the new page as Home page, NO issue present.
4. Edited the new page in Elementor until I discovered the new page now showed the issue.
5. Started over with the new page step by step until I discovered that editing the text on the first line "We Do.." to "Montserrat", which matches the main nav font, caused the issue.
6. Tried to set "Montserrat" as Default font, then change the text line to Default instead of "Montserrat", issue still persisted.
I can't edit every single page in Elementor to force this awkward change, I'd rather have the main nav font as set on the the unaffected https://www.stayslopeside.com/play page.
Let me know if this may actually be an Elementor issue, however since the theme nav is affected I thought I'd check here first.
Thanks for your help!
Hi there,
You can disable global fonts in elementor > settings. apart from the line-height Elementor will then use the theme font settings. Let me know.
Hi David, thanks for the reply.
I had the Elementor Global Fonts disabled before troubleshooting, when the issue was present. I enabled them and set the global Default font, then set the Primary Nav font to the Default instead of Monserrat, no change.
I just disabled the global fonts now to troubleshoot, no change. Then I created a new page which had the correct nav font, added a Text element in Elementor, set that text to Montserrat, and again it changed the nav font to the wrong settings.
I think I see the issue.
On the Elementor page, more Google Fonts are being queried, which includes the variant you're using the menu (400).
However, on non-Elementor pages, you're only querying Google for the 500 variant.
In the Customizer, try adding the 400 variant to the variants field for the Monserrat font.
Let me know :)
Tom, you nailed it. Only 'regular' was available instead of 400, but regular must be 400.
I had tried this last night but never added 'regular' because I thought it was 500 😄.
Tested to confirm Elementor Text element changes no longer affect the primary nav.
Thanks so much for your help, you guys are awesome!
Glad we could help! :)
