Changing Site-Title Font Size keeping responsive properties

  • Resolved juliatmm

    (@juliatmm)


    7 years, 6 months ago

    Hi there,

    I’m running twenty seventeen on a child theme and am happy as pie with it. ??

    However, there’s one thing I’m stuck with: I have a rather long-ish site title that appears in two lines in the viewport of computer screens, and, of course, mobile screens.

    Adjusting the font-size to 2rem instead of the 2.25rems in the additional css box fixes that via
    .site-title {
    font-size: 2rem;
    }
    but then the responsive abilities seem to be lost for tablets and mobiles. I searched the web up and down for a fix, and everything out there points to @media or jqueries. Here on the forum there’s one post where they advise to bring the site-branding into the viewport section. Unfortunately I’m not a designer so this is way over my head.

    Could someone please point me in the right direction, or, ahemm, kindly walk me through the process? Willing to buy beer, or coffee… ??

    My site is: tamingmymonkey.com

    Any help is much appreciated.
    Cheers, mates

Viewing 3 replies - 1 through 3 (of 3 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello juliatmm,

    Try below css code. Add code into your current child theme’s style.css.


    @media screen and (min-width: 48em) {
    .wrap {
    max-width: 1040px;
    }
    }
    @media screen and (max-width: 800px) {
    .site-title {
    font-size: 1.6rem;
    }
    }
    @media screen and (max-width: 480px) {
    .site-title {
    font-size: 1rem;
    }
    }

    Hope this will helps you.

    Thanks!

    Thread Starter juliatmm

    (@juliatmm)

    @AddWeb Solution,

    Wow, I’m thoroughly impressed. Thank you SO MUCH!!!

    That fixed it beautifully. ??

    Now where would you like the coffee? ??

    Cheers, beautiful job!

    PS: I’ll be over in India in Nov; if I happen to be in Ahmedabad I’ll get you one. Promised! ??

    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    @juliatmm: Thanks for your great words. Would be glad to meet you and we can have a cup of coffee together once you plan to visit Ahmedabad. Stay Connected. ?? Also actively available over Community slack: wordpress.slack.com for any quick queries.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing Site-Title Font Size keeping responsive properties’ is closed to new replies.