Mobile slideshow on Symmtery theme

Solved
KDM
Tourist
9 0 4

Hi there,

When viewing mobile version of the main slideshow, 'heading' text size significantly decreases, is there way to make this slightly larger?

Please note this theme is currently hidden but you may preview here: (now removed)

Attached mock screenshots below further reference:

desktop.jpg mobile.jpg

Any help on this would be greatly appreciated and thank you in advance - KDM

dmwwebartisan
Shopify Partner
7368 1746 2332

This is an accepted solution.

@KDM 

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

@media (max-width: 767px){
.subheading{ font-size: 1.6em !important; }
.h1-style{ font-size: 22px !important; }
.overlay-text__rte{ font-size: 1.8em !important; }
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
KDM
Tourist
9 0 4

@dmwwebartisan 

Thank you for the quick reply! 

Should this go at the bottom of theme.liquid or theme.js ?

Thanks - KDM

dmwwebartisan
Shopify Partner
7368 1746 2332

@KDM 

No, you have to add this at the bottom of your assets/styles.css file.

You can get it in the assets folder. Please check.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
KDM
Tourist
9 0 4

@dmwwebartisan 

Thanks yes I have found the right place to put the code now and after a little adjustment it's working great.

Thanks so much!

KDM