Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 1, 2016 at 11:32 am #667195
    roderickvs

    one word in our header on http://www.contenticiteit.nl seems to be to long to fit on a iPhone6 screen, the last letter isn’t fully shown, is there a css fix for this perhaps?

    August 4, 2016 at 4:46 am #668362
    Rikard

    Hi Roderick,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
#top #wrap_all .custom-color-heading .av-special-heading-tag {
word-break: break-word !important;
}
}

    Regards,
    Rikard

    October 26, 2016 at 11:05 am #704216
    roderickvs

    Hi that didn’t work, broke the words manually, but you can still see it not working on another site http://www.internetbureaugorinchem.nl/

    October 31, 2016 at 4:36 am #705947
    Nikko

    Hi,

    I could find this code inside this media query: @media only screen and (max-width: 767px)

    #top #wrap_all .av-inherit-size .av-special-heading-tag {
    font-size: 0.8em;
}

    And replace it with:

    #top #wrap_all .av-inherit-size .av-special-heading-tag {
    font-size: 0.8em;
    word-break: break-all !important;
}

    Hope this helps. :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.