Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #259421
    Benjo3
    Participant

    Hey there,

    I would like to change the size of h3, h4, h5 and h6 only for the mobile version. Is there any way to do that?

    Many thanks in advance!

    Ben
    prudentwater.com

    #259426
    Skandha
    Keymaster

    @benjo3: Hello Ben,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (max-width: 990px) {
    	h1 {
    		font-size: 30px !important;
    	}
    	h2 {
    		font-size: 25px !important;
    	}
    	h3 {
    		font-size: 20px !important;
    	}
    	h4 {
    		font-size: 150px !important;
    	}
    	h5 {
    		font-size: 10px !important;
    	}
    }

    You can change the font size and the max-width according to your choice.
    Let me know if this works out!
    Kind Regards,
    Skandha

    #259547
    Benjo3
    Participant

    It works!

    Many thanks indeed, Skandha!

    Regards,

    Ben

    #259624
    Skandha
    Keymaster

    @benjo3: Hello Ben, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/catch-responsive/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
    appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

    #259634
    Benjo3
    Participant

    I did it.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to change headline size in mobile version?’ is closed to new replies.