Lately I’ve noticed that certain headings on my site are set to 18px, but when published to the live site they appear larger (22px).
I used Chrome DevTools to confirm this. What is happening here, why are the font sizes not correct on published live website?
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Hi there,
If your published site appears different from the Designer view, there are two main solutions:
First, try unpublishing and republishing your site from the site settings. This refreshes your site’s published version and often resolves display inconsistencies. If that doesn’t work, clearing your browser cache can help, as cached files might be preventing you from seeing the most recent version of your site.
Regarding text sizing, using rem units instead of pixels creates a more accessible experience. Rem units scale according to the root font size of the website and respect users’ browser preferences, making your content more readable across different devices and accessibility settings.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.