Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 18, 2016 at 11:22 am #674127
    Xperten

    Hi,

    One of the words in our headline (H1) is too long for mobile to make it responsive.

    How do we correct that?

    URL: http://bonuskodetil.dk/hugo/

    Best regards,

    Peter

    August 19, 2016 at 8:43 am #674589
    Rikard

    Hi Peter,

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

    @media only screen and (max-width: 767px) {
#top h1 strong {
    word-wrap: break-word !important;
}
}

    Regards,
    Rikard

    August 19, 2016 at 11:55 am #674693
    Xperten

    It worked, but looks a bit funny.

    Is it possible to scale down the H1 on mobile instead?

    Best regards,

    August 20, 2016 at 8:07 am #674975
    Rikard

    Hi,

    Yes, please try this instead:

    @media only screen and (max-width: 767px) {
#top h1 strong {
    font-size:20px !important;
}
}

    Thanks,
    Rikard

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