Home › Forums › Gillion Theme › Title breaks
Home › Forums › Gillion Theme › Title breaks
Hi,
I have a problem with fonts in a mobile version of Gillion theme on home page ofย https://www.dizajnenterijera.rs/. Words in the Title are not well hyphenated. You can see it attached.
On the desktop version it works ok.
Do you know what is the problem?
Best,
Igor
Hi Igor,
I hope you are well today and thank you for your question.
You can try resolving it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container article .post-title h2 { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
Please note that it only supports a limited number of browsers as described on the below pages.
https://css-tricks.com/almanac/properties/h/hyphenate/
https://justmarkup.com/articles/2015-07-31-dealing-with-long-words-in-css/
Best regards,
Shufflehound team
Is there any other way because this CSS doesn’t help. ๐
Can I somehow reduce the font size in the mobile version?
Igor
Solution for this topic
The CSS only supports limited browsers.
Can I somehow reduce the font size in the mobile version?
Yes, you can do that using the below CSS code.
@media (max-width: 700px) { #page-container .blog-list-featured article .post-title h2 { font-size: 35px !important; } #page-container article .post-title h2 { font-size: 25px !important; } }
Wow, that’s looking great now!
Thank you very much.
You are most welcome here ๐