Title breaks

Home Forums Gillion Theme Title breaks

Home Forums Gillion Theme Title breaks

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts
  • Igor
    Participant

    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

    Attachments:
    You must be logged in to view attached files.

    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

    Igor
    Participant

    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;
    }
    }

    Igor
    Participant

    Wow, that’s looking great now!

    Thank you very much.

     

    You are most welcome here ๐Ÿ™‚

Viewing 6 posts - 1 through 6 (of 6 total)