Title text out of container on mobile devices

  • Resolved EdwinWerner

    (@edwinwerner)


    4 years, 10 months ago

    Hi,
    I am having trouble with larger words in the title text of testimonials. On mobile devices they are displayed running out of the container. See these screenshots.
    What might be the problem here and do you have a suggestion on how to solve this displaying issue? Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello @edwinwerner,

    Thank you for reaching out to us!
    The easiest way would be to make the font size smaller on mobile.
    To do this please add this code in Appearance > Customize > Additional CSS:

    @media screen and (max-width: 700px) { .strong-view .testimonial-heading {
	font-size: 11px;
} }

    Please let me know if this helps.

    Thank you,
    Mihaela

    Thread Starter EdwinWerner

    (@edwinwerner)

    Hi @mplusb / Mihaela,

    Thank you for your reply and suggestion. Unfortunately the coding added to additional CSS did not work. Do you have any other suggestion I might try? Thanks in advance.

    Please replace it with this:

    @media screen and (max-width: 700px) { .strong-view .testimonial-heading {
	font-size: 11px !important;
} }

    This should do it.
    If the size is too small you can increase it.

    Warmly,
    Mihaela

    Thread Starter EdwinWerner

    (@edwinwerner)

    Hi Mihaela (@mplusb),

    That worked splendidly. I did change the size to 20px for a good ‘container fit’ and display. Thanks very much.

    Cheers, Edwin.

    Happy to hear that worked!

    Cheers,
    Mihaela

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Title text out of container on mobile devices’ is closed to new replies.