kc2615 Posted November 9, 2022 Share Posted November 9, 2022 My code is working on the preview in Squarespace, but not populating in live view on my phone. Here's my code: @media screen and (max-width: 640px) { #block-63164f6dd76fe71b6ab8b17e h1{ font-size:50px; hyphens:none !important; } } Any help appreciated! Thanks Link to comment
paul2009 Posted November 9, 2022 Share Posted November 9, 2022 27 minutes ago, kc2615 said: My code is working on the preview in Squarespace, but not populating in live view on my phone. Your phone may have a wider viewport than the 640 pixels specified in the code. Try using a wider higher number like 768px or 800px to see if this works. About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
kc2615 Posted November 9, 2022 Author Share Posted November 9, 2022 4 minutes ago, paul2009 said: Your phone may have a wider viewport than the 640 pixels specified in the code. Try using a wider higher number like 768px or 800px to see if this works. even when I do it without mobile styles at all, it still appears hyphenated on mobile #block-63164f6dd76fe71b6ab8b17e h1{ hyphens:none !important; } Link to comment
Solution paul2009 Posted November 9, 2022 Solution Share Posted November 9, 2022 (edited) Have you added the various vendor prefixes for different browsers like Safari? Generally I would add: p, h1, h2, h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; } Edited November 9, 2022 by paul2009 kc2615 1 About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
kc2615 Posted November 9, 2022 Author Share Posted November 9, 2022 @paul2009 that fixed it! 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