CloseWe are on vacation until August 21.

Home Forums Arnold WordPress Theme Customise heading size on mobile

This topic contains 10 replies, has 2 voices, and was last updated by  SeaTheme 1 month, 3 weeks ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #18239

    tessbaty
    Participant
    Purchased

    Hi there,

    I would like to make the headings bigger on the mobile view in the Arnold theme. I tried adding this (as seen on another forum post) to the additional CSS:

    @media (max-width: 480px) {
    .responsive-ux h1 { font-size: 36px; }
    .responsive-ux h2 { font-size: 32px; }
    .responsive-ux h3 { font-size: 28px; }
    }

    And it seemed to change all of the type but even if I change the heading size values they stay the same. How can I specify the size of h3?

    Thanks,
    Tessa

    #18241

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi,

    You could only write the h3 css like:

    @media (max-width: 480px) { 
    .responsive-ux h3 { font-size: 28px; }
    }

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #18252

    tessbaty
    Participant
    Purchased

    Hi again,

    Thanks for this. It just doesn’t seem to change the size of the heading on mobile, not even if I make it 90px. Any other ways to do it / things I could be doing wrong? I’m adding this under Appearance > Customise > Additional CSS.

    Cheers,
    Tessa

    #18254

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi,

    What’s headding font talked about? page title? Could you paste a page URL with the headding font?

    Regards

    #18259

    tessbaty
    Participant
    Purchased

    Hi again,

    You can see it in this page when viewed on a mobile – http://www.chapple.co.nz/wp/services/

    ‘SERVICES’ should be a bit bigger than ‘Concept’ just below it (scroll down the page till you see it below the image) – but I can’t get it any bigger than this very slight increase on the body text. ‘SERVICES’ is h3 and ‘Concept’ is the body text in bold.

    Cheers,
    Tessa

    #18261

    SeaTheme
    Keymaster
    Purchased
    Supported

    Please try to update the CSS as:

    @media (max-width: 767px) {
    .responsive-ux .entry h3, .responsive-ux .text_block h3, .responsive-ux .ux-portfolio-template-intro h3 
    { font-size: 22px; }
    }

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #18262

    tessbaty
    Participant
    Purchased

    Awesome, thanks!

    #18263

    SeaTheme
    Keymaster
    Purchased
    Supported
    This reply has been marked as private.
    #18297

    tessbaty
    Participant
    Purchased

    Hi again,

    I have checked with the client and yes, you are welcome to use this on your showcase page 🙂

    Tessa

    #18305

    SeaTheme
    Keymaster
    Purchased
    Supported

    Thanks 🙂

    #18849

    SeaTheme
    Keymaster
    Purchased
    Supported
    This reply has been marked as private.
Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!