Title too large in header, mobile

  • Resolved Anonymous User

    (@anonymized-21100648)


    8 months, 3 weeks ago

    Hi, I found myself very happy with this theme, which is why I also put it on the new blog I’m creating, the problem is that this blog has a fairly long title, so this means that in mobile devices such as smartphones it brings out the horizontal scrollbar and therefore ruins the page, however from desktop there is no problem, the question is, can you reduce the size of the title only for mobile devices so that everything fits and also the hamburger menu is displayed correctly without making the scroll appear horizontal? Thank you.

Viewing 1 replies (of 1 total)
  • Thread Starter Anonymous User

    (@anonymized-21100648)

    I solved it with this code, I’m posting it because it might be useful to someone else who has had my problem.

    /* Media query only for smartphone */
    @media only screen and (max-width: 768px) and (orientation: portrait) {
    h1.site-title,
    p.site-title {
    font-size: 19px;
    }
    }

    • This reply was modified 8 months, 3 weeks ago by Anonymous User.
    • This reply was modified 8 months, 3 weeks ago by Anonymous User.
Viewing 1 replies (of 1 total)
  • The topic ‘Title too large in header, mobile’ is closed to new replies.