H1 display problems

[Stefan_van_Perlo]

Hi! Hoping someone can help me with this: i’m having difficulties making the headings of any kind stay within the page.The headings on the page on large screens should be quite wide, but on mobile they should be as big as they can be but never overflowing.
![Schermafbeelding 2021-08-12 om 12.39.55|459x500](upload://es

PWnEkV8GzThr1AxMUFfB4R758.png)

LIVE PAGE: https://avolare.nl/staging/samenwerking/

[prakash_s]

Hello Stefan,

Thanks for writing to us.

It seems that you are using the Headline element To get rid of text-overflow you can use this custom CSS code. You need to go to Cornerstone page builder —>Headeline —>Customize—>Edit CSS.

$el.x-text .x-text-content-text-primary{
  word-break: break-all;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks