cadrian Posted October 8 Posted October 8 Site URL: https://pryde.bctr.cornell.edu/about Hi there! I've seen others ask about this, but I would really appreciate some personalized help. I'm trying to stop text blocks from splitting into different lines on mobile. Attached is a photo of how the page looks on desktop (i.e: how it should look) versus how the lines are split on a mobile screen. Notice that "cutting-edge" is split. The same is happening on the next text block. Any help would be thoroughly appreciated!! Link to the page is here.
Solution Ziggy Posted October 9 Solution Posted October 9 Add this to Custom CSS: @media only screen and (max-width: 640px) { h1, h2, h3 { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } } Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
cadrian Posted October 9 Author Posted October 9 5 hours ago, Ziggy said: Add this to Custom CSS: @media only screen and (max-width: 640px) { h1, h2, h3 { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } } It worked! Thank you so much, Ziggy !!! Ziggy 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment