Hey There,
perhaps someone can help me..
My Website runs perfectly on many mobile phones, but somehow on some Mobile phones,
The Headlines are so big, that they run of of the visible space. (see Screenshot)
When I check the Site at responsive tools, which also simulate Samsung Mobile Phones,. it works there.
But as soon as i look in real time at the device: its too long.
What can I do to force the Headline to be not bigger than the visible area?
I dont want to make the headline smaller in generel because then it will look too small in all other Mobile Phones.
Cheers
Monika
Hey Monika,
Thank you for the inquiry.
What is the actual model of the device where you have taken the screenshot? You should be able adjust the size of the heading elements with custom css.
@media only screen and (max-width: 489px) {
/* Add your Mobile Styles here */
section.av_textblock_section.av-lhystxxf-ab9a26b95349e3f8f25451c3d741af57 h3.p1 .s1 {
font-size: 1em;
word-break: break-word;
}
}
Best regards,
Ismael