[Support request] How to make headings responsive?

Home Forums Support [Support request] How to make headings responsive?

Home Forums Support How to make headings responsive?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #936755
    sportsfan74

    Whenever I make changes to the H3 heading tag in the typography section, it just stays the same font size throughout desktop, tablet and mobile devices.

    How do I make the font sizes to show or reflect differently for the H3 heading tag on desktop, tablet and mobile?

    #936780
    David
    Staff
    Customer Support

    Hi there,

    you would need some CSS like this:

    @media (max-width: 768px) {
        /* CSS in here for mobile only */
        h3 {
            font-size: 24px;
        }
    }
    @media (min-width: 769px) and (max-width: 1024px) {
        /* CSS in here for tablet only */
        h3 {
            font-size: 28px !important;
        }
    }
    #936798
    sportsfan74

    Hi David

    The mobile one is working, thanks.

    but the tablet one is not working for me?

    #936819
    David
    Staff
    Customer Support

    Could share a link to the site so i can take a look?
    You can edit your original topic and use the Site URL field to share the link privately.

    #936823
    sportsfan74

    using localhost xampp to test website

    #936841
    David
    Staff
    Customer Support

    You could try adding some importance to the CSS property – i edited the code above to include that

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.