Headlines cut off on mobile

Support
#1

See link. This is the page: https://wetried.it/nespresso-barista-recipes/

How do I stop headlines from bleeding over pm mobile?

#2

Hello @chiphanna,

Thanks for reaching out. :slight_smile:

Please add following CSS under Pro > Theme Options > CSS:

@media only screen and (max-width: 600px) {
  h2, .h2
 {
    font-size: 200% !important;
  }
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

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