Headlines goes offscreen

Support
#1

Hey there, I have a problem. One headline is going offscreen on mobile.
Thanks for your help!

#2

Hello @ZerotoOneaerial,

Thanks for writing in! The headline goes off screen because there isn’t enough room. I would recommend that you apply responsive text to the headline instead to make sure that it will always fit in the screen.

Hope this helps.

#3

I dont get it, this does not influence my heading size, please help me to fix this

#4

Hello @ZerotoOneaerial,

You also need to take into account that you added calc(5vw + 28px) as the font size in your headline element settings. This size is way bigger in smaller screens. Please change it to em and you’ll see a difference.

Hope this helps.

#5

This was all set by the template I got from the design cloud

#6

Hello @ZerotoOneaerial,

You can change the font size or at least add this custom css in the inline element css found in the Customize tab of the element settings.

@media(max-width: 480px){
  $el {
    font-size: 20px;
  }
}

We would love to know if this has worked for you. Thank you.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.