Jump to content

How to Prevent Text Splitting On Mobile View

By BHelp, in Customize with code

Go to solution Solved by tuanphan,

Recommended Posts

BHelp Level 2

BHelp

Posted
Posted

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

  • Replies 5
  • Views 418
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

BHelp Level 2

BHelp

Posted
  • Author
Posted

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

 

BHelp Level 2

BHelp

Posted
  • Author
Posted

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

  • Solution
tuanphan Level 18

tuanphan

Posted
  • Solution
Posted
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
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources