Reduce font size on mobile (Debut theme)

Solved

Hi Guys,

 

I was just hoping to get pointed in the right direction to change the size of my font on mobile. See photo below, it's shopify-section-slideshow.  And the text I want smaller is "Premium Quality Eyewear", probably around 60% of the size but I can play around with it. 

 

I tried adding below but had no luck. Can anyone help me out?

 

Much appreciated!

eva

@media only screen and (max-width: 767px){
  .headline {    font-size:14px;
  }
}

Screenshot 2019-10-31 at 17.07.39.png

 

0 Likes

Hello 
Please share your site url.
There may be deifferent css for your theme/site.
So that i can check and let you know.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like

Hi!


Thank you, this theme is currently not live though.. But it's just the free Debut theme from Shopify itself, does that help at all?

0 Likes

Success.

Hello 

Add this css at bottom
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

@media only screen and (max-width: 749px){
.slideshow__title--mobile {
    font-size: 18px!important;
}
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like

Amazing, thank you so much! It's looking much better now :)

 

Would the same be possible for the product page as well? For the title in this case?

Screenshot 2019-10-31 at 19.41.54.png

0 Likes