Trying to reduce font size - mobile only - Headings on home page slide prestige

Store Design
1

Hi everyone! Im trying to reduce the font size for my headings on home page slide in prestige.

It’s looking really big on mobile. I’ve tried adding the below on theme.css with no success. Could you help? Thank you!

@media screen and (max-width: 641px){
.u-h1{ font-size: 15px; }
.u-h6 { font-size: 9px; }
}

tjuliana_0-1617744923279.png
tjuliana_0-1617744923279.png369×603 211 KB

2

@tjuliana

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

3

hello it’s

fourelementscandles.ca

pw: juju

thank you!!

4

@tjuliana

Please add the following code at the bottom of your assets/theme.css file.

@media screen and (max-width: 640px) {
h2.SectionHeader__Heading.SectionHeader__Heading--emphasize.Heading.u-h1 { font-size: 20px; }
}

The above you can increase or decrease the font size as per your need.

Thanks!

5

thank you so much!!

6

Hello bakebisbees.com here. Trying to change the mobile heading font size.

Unfortunately, I just have options “small medium large” .

I tried adding the suggested code above but didn’t have any luck. Is that because my theme is based on font sizes vs pixel size?

Thanks for the help!