Having issues with mobile responsiveness in Crio WordPress theme

Hi Greg!

Thanks for reaching out and thank you for using Crio Pro WordPress theme!

Crio is built on the Bootstrap Framework so it’s more or less created to be mobile responsive right out of the box but it can sometimes take a few tweaks to get it to display exactly the way you want.

One of the main concerns we get is the Auto-Hyphens for Headings in Crio. Crio is set to break up longer words in your headings and add hyphens to them as the available screen real estate shrinks by default, but there are particular use cases where you might want to change this configuration. Unfortunately there isn’t a control within the theme Customization interface to make such a change, but this alteration can be accomplished with a little Custom CSS know-how.

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! If you need further assistance please let us know of any specific issues you’re experiencing with Crio or BoldGrid Post and Page Builder for WordPress!