Jump to content

Custom CSS: How to correct heading/paragraph word breaking when in between mobile and desktop screen sizes

Recommended Posts

I am having an issue site-wide with headings breaking at some screen sizes between mobile and desktop. It seems to be happening between widths 770 and 944 (on this site, I actually have a custom font coded as a paragraph, but sized to appear like a heading). 

On most pages, I am able to adjust the text box to give it more padding, which seems to solve the issue. On other pages, I either don't have room to adjust the text box or it changes the design unfavorably. 

Is there some custom code I can place on these specific pages to tell the text to shrink or wrap differently? Here is one example.

Screenshot 2024-04-24 at 5.28.53 PM.png

Link to comment
  • Replies 1
  • Views 476
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.