Customise heading size on mobile

[tessbaty]

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

[SeaTheme]

Hi,

You could only write the h3 css like:

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

Regards!
Bwsm – uiueux.com – Twitter – Facebook

[tessbaty]

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

[SeaTheme]

Hi,

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

Regards

[tessbaty]

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

[SeaTheme]

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.com – Twitter – Facebook

[tessbaty]

Awesome, thanks!

[SeaTheme]

This reply has been marked as private.

[tessbaty]

Hi again,

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

Tessa

[SeaTheme]

Thanks 🙂

[SeaTheme]

This reply has been marked as private.

[Author]

Posts