Custom CSS for Site Title

  • Resolved vickigarside

    (@vickigarside)


    6 years, 11 months ago

    Hi there

    With ‘mobile first’ layout having increasing importance I am hoping to be able to use custom css to make sure that my site title is not bigger than the viewport on mobile devices.

    I found a bit of css online but it is dependent on using H1 – but I don’t want it to affect the size of my post/page/articles titles. Please could someone tell me what I need to change to ensure that it is only the site title that is made smaller and nothing else?

    @media screen and (max-device-width: 480px) {
    h1 { font-size: ??;
    }

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello vickigarside,

    You can achieve the desired result with the help of custom css. You need to apply the below given css in your style file.

    @media screen and (max-device-width: 480px) {
h1.site-title {
font-size: 22px !important;
}
}

    The given css don’t effect other h1 tags of the site.

    I hope the above was helpful.

    Kind regards,

    Manoj

    Thread Starter vickigarside

    (@vickigarside)

    Perfect!

    Thank you so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom CSS for Site Title’ is closed to new replies.