byharriet Posted October 21, 2019 Share Posted October 21, 2019 I've seen a work around for preventing this by adding CSS code in the page headers but it doesn't work for me /* Hyphens */ p { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; } I use the Hyde template and my home page (where the problem lies) is in Index format with parallax scrolling. Is it the Hyde template that is preventing this code from working? Many thanks Link to comment
colin.irwin Posted October 21, 2019 Share Posted October 21, 2019 Try adding this to the custom css area, after any other code that may be there. Also remove your code. @media only screen and (max-width: 768px) { body { h1,h2,h3,p,li,a,em,i,strong { -webkit-hyphens: none !important; hyphens: none !important; } .page-desc p { -webkit-hyphens: none !important; hyphens: none !important; } } } lisam10s, jaimee1570048593, SouthernSunEvents and 2 others 4 1 I'm Colin Irwin aka silvabokis. I've been a Squarespace designer & developer since 2013. I remember when it was all wild prairies round these here parts. 🐃🤠 Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written. That reminds me.. ..you might want to check out my Squarespace template finder or have a look at my other Squarespace tips Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. If you're looking for a Squarespace developer Book a chat or Drop me a line - first meeting is always free Link to comment
lisam10s Posted November 6, 2019 Share Posted November 6, 2019 This solution is GOLD! Thank you Colin.Irwin Link to comment
Asiya Posted December 7, 2021 Share Posted December 7, 2021 On 10/21/2019 at 9:09 PM, colin.irwin said: Try adding this to the custom css area, after any other code that may be there. Also remove your code. @media only screen and (max-width: 768px) { body { h1,h2,h3,p,li,a,em,i,strong { -webkit-hyphens: none !important; hyphens: none !important; } .page-desc p { -webkit-hyphens: none !important; hyphens: none !important; } } } Hi, the hypenation code does not work for me. can you please help. heres my client's website e mail: https://www.thetutoress.com/ Link to comment
tuanphan Posted December 11, 2021 Share Posted December 11, 2021 On 12/8/2021 at 1:17 AM, Asiya said: Hi, the hypenation code does not work for me. can you please help. heres my client's website e mail: https://www.thetutoress.com/ Try this new CSS code p,h1,h2,h3 { -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!) Link to comment
Hill Posted September 7 Share Posted September 7 Did this work for anyone? I'm wondering how to get rid of hyphenated headings on mobile site? Link to comment
tuanphan Posted September 10 Share Posted September 10 On 9/8/2024 at 1:48 AM, Hill said: Did this work for anyone? I'm wondering how to get rid of hyphenated headings on mobile site? You can use this to Website Tools > Custom CSS p,h1,h2,h3 { -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!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment