macandernie

Fixed! Thanks so much...watching those words split across two lines was driving me crazy! Thanks again for your help, you're the best.

Hey Octopus, thanks for this. I really appreciate it...caniuse.com is a handy site. Unfortunately, no luck. The problem occurs on iphone 6 using Chrome (which doesn't support hyphen control) but weirdly also occurs using IOS Safari (which does support it). If I use a browser emulator with the above device / OS, the problem doesn't replicate. I'm injecting the code onto individual pages sitting under an index page, but not the index page itself. If I inject it into the index page, the text of the code appears at the top of the website (desktop and mobile). Any other ideas appreciated! :)

Hi all, I'm aware that turning off hyphenation has been looked at elsewhere (for example, https://answers.squarespace.com/questions/37904/turn-off-automatic-hyphenation.html). But I'm struggling to get that particular code working on the Brine template that I'm using. Hyphens are causing some odd results on mobile, and I'm sure forcing the whole word to the next line will be an improvement. I have tried injecting the following code on the relevant index pages: p, h1, h2 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; } I've also tried replacing 'manual' with 'none' (as suggested in another thread), without luck. You can see the site here: https://dominic-mcinerney.squarespace.com/home/ Any advice would be greatly, greatly appreciated!