Archived topic

Blog Title not formatting correctly.

3 replies · Started by Samuel Thomas on July 7, 2015

Viewing posts 1–4 of 4

July 7, 2015 at 8:26 pm #119384

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!

July 8, 2015 at 12:01 am #119392

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 :)

July 8, 2015 at 11:38 am #119540

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

July 8, 2015 at 9:09 pm #119641

How did you add the CSS?

This archived topic is closed to new replies.

Start building better websites today.