Can’t change site-title size for Wellington mobile

  • Resolved jkinzieh

    (@jkinzieh)


    6 years ago

    Can’t change site-title size for mobile on Wellington. Using site-title [font] changed desktop but would not change mobile/phone version. After searching and searching and many different @media CSS attempts the following finally solved my problem. I couldn’t find it using Mozilla Inspector but i did find it using Chrome.
    Went to site
    Upper right 3 dots… “Customize and Control Google Chrome”
    –> More Tools
    –> Developer Tools
    Then did some digging…. Found “Mobile Medium”
    Putting the following in WordPress -> customizing, “Additional CSS” solved my problem, hope this helps…

    /*————————————————————–
    ## 17.9 – Mobile Medium ( < 480px )
    ————————————————————–*/
    @media only screen and (max-width: 30em) {
    .site-branding .site-title {
    font-size: 6px;
    font-size: 1.25rem;
    }
    }

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

    (@themezee)

    Hi there,

    Thanks so much for sharing your code snippet, that might help other users.

    Here it is within code tags:

    @media only screen and (max-width: 30em) {
    .site-branding .site-title {
        font-size: 20px;
        font-size: 1.25rem;
    }
}

    Cheers,
    Thomas

    Thread Starter jkinzieh

    (@jkinzieh)

    Thank you Thomas
    … new to this…
    Ya I hope it does :-)))

    your message…
    Here it is within code tags:
    Was ‘code tags’ like a format change, like yours is properly indented?
    or is there more to it?
    thanks, jkh

    Theme Author ThemeZee

    (@themezee)

    Yes, just formatted it so it stands out and is easier to copy ??

    Cheers,
    Thomas

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can’t change site-title size for Wellington mobile’ is closed to new replies.