How to decrease the font size of the heading, subheading, and button text (smaller screens only)

RogenDarell
Tourist
7 0 0

RogenDarell_0-1703858180146.png

I'm looking for quick help. How can I decrease the font size of the heading, subheading, and button text (smaller screens only) ? Your help will be much appreciated.

 

For reference, you can preview my store at the following link: Store Preview.

 

 

Replies 3 (3)

techlyser_web
Shopify Partner
1103 211 227

Hello @RogenDarell 
on which page this section is?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
RogenDarell
Tourist
7 0 0

Homepage (mobile view)

techlyser_web
Shopify Partner
1103 211 227

Hello @RogenDarell 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid


<style>

     

@media screen and (max-width:767px){
.hero__top-subtitle {
margin-bottom: 5px;
}
.type-advanced .rte--strong{
font-size: 20px;
line-height: 1.1;
}
.flex-grid__item--template--16505689604293__8a438d78-1a09-4213-8b3f-aa5a3d3daaf8-advanced-2 .promo-grid__text {
font-size: 13px;
line-height: 22px;
}
.btn{
font-size: 9px !important;
}
.hero__title {
font-size: 24px;
}
p.h3.text-spacing {
font-size: 12px !important;
}
.background-media-text__text {
font-size: 13px !important;
line-height: 23px !important;
}
.flex-grid__item--template--16505689604293__8a438d78-1a09-4213-8b3f-aa5a3d3daaf8-advanced-1.flex-grid__item--50 .promo-grid__text {
font-size: 13px !important;
line-height: 23px !important;
}
h2.section-header__title {
font-size: 14px;
}
.article__title {
font-size: 13px;
}

}

</style>

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com