Spacing disappears in header on preview


Here is my site Read-Only: Read only link

The header text “Graphic Design” has a space in it in build mode, but when previewed and published it removes the spacing and shows up as “GraphicDesign”. I can’t figure out the issue and its driving me nuts..I could break it into two lines but I want the text to be consistent.

Any help would be greatly appreciated

Hi there,

If you’re experiencing unexpected spacing between words in headers, there are several ways to address this:

The spacing between words in headers can be adjusted through the Style panel. Check the letter-spacing and word-spacing properties in the Typography settings. You can also verify that there aren’t any unexpected HTML entities or extra spaces in the text content itself by double-clicking the header to edit it.

For more precise control, you can wrap specific words in text spans and adjust their individual spacing properties. Additionally, ensure that any custom fonts are properly loaded, as font-loading issues can sometimes cause unexpected spacing behavior.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

Hi ive checked all of the style settings and I still cannot figure it out.

Hey @Cmarie ,

Are you still facing this issue? I checked out the site and it does look just like how it is in preview mode with right spacing between the words.

If you are not able to see this on your end, can you try checking your site out after clearing history or testing it on incognito mode?