Slideshow Mobile font size

Solved
mb2021
Excursionist
19 0 5

Hi,

I have created a slideshow on my website - I like the font size on Desktop, however I'd like to be able to amend the header and text on Mobile.

How do I do this please?

IMG_9183.jpgwww.hurtliqueur.co.uk

 

0 Likes

This is an accepted solution.

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css

@media only screen and (max-width: 749px){
#shopify-section-1620727926ac45e607 h2.h1.mega-title.slideshow__title {
    font-size: 25px !important;
}
#shopify-section-1620727926ac45e607 .mega-subtitle.slideshow__subtitle {
    font-size: 18px !important;
}
}


Note: Please change font size as per your requirement

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
mb2021
Excursionist
19 0 5

Thank you! 

0 Likes