I added some custom CSS to the theme I’m using to force hyphens, but for some reason, it’s not working.
This is what I’ve used:
`-webkit-hyphens: auto !important;`
`-webkit-hyphenate-limit-before: 3;`
`-webkit-hyphenate-limit-after: 3;`
`-webkit-hyphenate-limit-chars: 6 3 3;`
`-webkit-hyphenate-limit-lines: 2;`
`-webkit-hyphenate-limit-last: always !important`
`-webkit-hyphenate-limit-zone: 8%;`
`hyphens: auto;`
`hyphenate-limit-chars: 6 3 3;`
`hyphenate-limit-lines: 2;`
`hyphenate-limit-last: always !important;`
`hyphenate-limit-zone: 8%;`
​
And here’s the page:[https://artemis.phoenixart.com/2023/07/03/the-documentary-impulse/])
As you can see, the title “THE DOCUMENTARY IMPULSE” still doesn’t read right on a phone screen resolution.
Any suggestions?
[ad_2]