Mobile Titles

  • Resolved guidopanzeri

    (@guidopanzeri)


    4 years, 6 months ago

    Hello, I wanted to ask you how I managed to reduce the size of h2 / h3 titles only for mobile devices.

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

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

  • Hi @guidopanzeri,

    You can use the Typography option for the Headings available in the theme, it can have different values for Desktop | Tablet | Mobile – screenshot.

    If you want to target the H2 and H3 tags specifically, you can try adding the following code in Dashboard -> Appearance -> Customize -> Additional CSS editor.

    @media (max-width: 480px) {
    h2 {
       font-size: 18px !important;
    }
    h3 {
       font-size: 15px !important;
    }
}
    Thread Starter guidopanzeri

    (@guidopanzeri)

    it doesn’t work

    Hi @guidopanzeri,

    Would you mind sharing the URL of a page on your website where the code provided doesn’t work?

    The CSS selectors might need to be adjusted to more specific ones.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile Titles’ is closed to new replies.