How to Prevent Text Splitting On Mobile View

BHelp · June 26

I would like to prevent words from auto-splitting in mobile view across our website without effecting desktop view. Any advice? The website URL is www.360ag.com

tuanphan · June 26

Which word are you referring to?

BHelp · June 26

All copy on Homepage and accelerating innovation page. All pages on our site but those two pages seem to be the only ones splitting text in mobile view

tuanphan · June 27

It looks fine to me.

BHelp · June 27

Thanks for your help. We would like to prevent words from splitting with (-). Examples on your screenshot are the words industry and experience.

tuanphan · June 28

13 hours ago, BHelp said:

Thanks for your help. We would like to prevent words from splitting with (-). Examples on your screenshot are the words industry and experience.

Try this CSS code

p,h1,h2,h3, body * {
    -webkit-hyphens: manual !important;
    -moz-hyphens: manual !important;
    -ms-hyphens: manual !important;
    hyphens: manual !important
}

How to Prevent Text Splitting On Mobile View

Recommended Posts

BHelp

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

BHelp

Link to comment

tuanphan

Link to comment

BHelp

Link to comment

tuanphan

Link to comment

Create an account or sign in to comment

News

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources