How do I correct a Text Break issue that’s present in my theme?

Hi Druvakumar,

Thanks for reaching out with your question about Crio Pro WordPress theme!

I understand exactly what you’re describing. By default Crio is set to break up longer words in your headings and add hyphens to them as the available screen size gets smaller. I understand there are many cases where this configuration is just not ideal.

While there isn’t a control within the theme Customization interface to make such a change, you can accomplish this with some knowledge of Custom CSS.

The following snippet will deactivate the automatic word breaks and hyphens normally added by Crio to all website headings:

.palette-primary .h1, .palette-primary .h2, .palette-primary .h3, .palette-primary .h4, .palette-primary .h5, .palette-primary .h6, .palette-primary h1, .palette-primary h2, .palette-primary h3, .palette-primary h4, .palette-primary h5, .palette-primary h6 {
word-wrap: normal;
hyphens: manual;
-webkit-hyphens: manual;
}

I hope this helps! Please reach back out if you have any other questions for us.