[Resolved] Blog Title not formatting correctly.

[Samuel Thomas]

Hello!

I just started using GeneratePress (Also got the premium add on!) and I’m testing the theme’s features out. I noticed that the blog title doesn’t word-wrap correctly and brakes the text when viewing on mobile/smart phones. Is there anyway to correct the formatting through GeneratePress’s default settings or addons or will the CSS itself need to be edited?

Here’s the site: http://www.refreshinglyreal.com/

Thanks for the help in advance!

[Tom]

Hi there,

Your best bet is to reduce the font size of your title on mobile.

For example:

@media (max-width:767px) {
      .main-title {
            font-size: 25px;
      }
}

Using an image instead of text is also a good solution, as it will resize with the container.

Let me know if you have any questions 🙂

[Albert George]

Above code didn’t work for me. Still title in same size while view ing on mobile mode.

[Tom]

How did you add the CSS?

[Author]

Posts