Hi,
I’m experiencing a problem with a heading on mobile devices, which I hope you can help me with:
I made a special heading (H2) on this page: https://www.toolkitaandachtsfunctionaris.nl/nieuw2019/meldcode/. It’s the heading on top of the page. On iPhone 5 the heading won’t break up, this way it is not completely readable. I tried different things using this thread (https://kriesi.at/support/topic/longer-words-in-columns-are-overlapping-in-mobile-devices/), but I can’t seem to make it work.
Ik hope you can help me with some custom css code to clear this problem.
Thanks a lot!
Hey JantienM,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 479px) {
.av-special-heading-tag {
word-break: break-all;
}
}
Best regards,
Rikard
Thanks Riko,
I changed it to break-word, works like a charm.
Hi JantienM,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria