Site title broken up on small screens.

  • Resolved michelgreenwood

    (@michelgreenwood)


    9 years, 4 months ago

    Hello,

    I think I can work with this theme for quite some time. I’m planning to buy the full add-on pack if I can just resolve this one issue. The site title looks fine on larger screens, but on phones/portrait the longer words get broken into pieces.

    Is there a way to scale the site title in the header so that it keeps the same layout across screen sizes?

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    You can use some simple CSS to target the site title on mobile:

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

    You can adjust the breakpoint (768px) and the font size (25px).

    Adding CSS: https://generatepress.com/knowledgebase/adding-css/

    Let me know if you need more info ??

    Thread Starter michelgreenwood

    (@michelgreenwood)

    Oh hey,

    Great thanks! I thought maybe I should look and see what class you were using for the title. But, I figured I ought to ask in case the header was set up to respond in some special way.

    It’s a good theme. Definitely worth the price for the add-ons. I like how the simplicity allows it to be very expandable for a growing site.

    Thanks for the help!

    Theme Author Tom

    (@edge22)

    No problem, happy to help!

    Glad you’re enjoying the theme ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Site title broken up on small screens.’ is closed to new replies.