Smaller text for mobile version slides Brooklyn Theme

Solved
jjpaperworks
Tourist
15 0 1

Hi

I was trying to find the sollution how to get the typing smaller for the slides of Brooklyn Theme - for the mobile version. Couldn't really find it in the community. Anyone who can help me with this?I am really a beginner when it comes to understanding codes...

My shop: https://www.jjpaperworks.com/

Se my printscreen, I'd like the type to be a lot smaller..

Skärmavbild 2021-02-09 kl. 10.48.42.png

Thank you for your help! Julia

dmwwebartisan
Shopify Partner
4465 1003 1280

This is an accepted solution.

@jjpaperworks 

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

@media screen and (max-width: 768px){
h2.hero__title.h1 { font-size: 1.8em;}
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Zworthkey
Trailblazer
199 11 45

This is an accepted solution.

hello 

Paste this code in the theme.scss

@_media screen and (min-width: 769px)
.hero__slide .hero__title, .hero--adapt .hero__title {
    font-size: 2em;
}

Thank you

I hope it will relevant to your solution. 

jjpaperworks
Tourist
15 0 1

Thank you! Worked out great! BR Julia

0 Likes
jjpaperworks
Tourist
15 0 1

Thank you! BR Julia

0 Likes