Solved

How to enlarge mobile heading text (Symmetry theme)

KDM
Tourist
9 0 4

Re: Symmetry theme

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 still a trial but have attached mock-up screenshots for reference.

This is the only part stopping me from purchasing the theme so any help would be greatly appreciated.

Thanks - KDM

desktop.jpgmobile.jpg

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @KDM 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 767px){
#shopify-section-16172860000b0cd55f .faq-title, .h1-style, h1 {
    font-size: 37px !important;
}
#shopify-section-16172860000b0cd55f .overlay-text__subheading.subheading.subheading--over{
	    font-size: 19px !important;
}
  #shopify-section-16172860000b0cd55f .large-text {
    font-size: 20px  !important;
}
}

 

View solution in original post

Replies 10 (10)

dmwwebartisan
Shopify Partner
12282 2546 3694

@KDM 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
KDM
Tourist
9 0 4

@dmwwebartisan Thanks for the speedy response!

As mentioned, Symmetry theme is still a trial but current url with different theme is (now removed)

Thanks for your help and look forward to your response - KDM.

Kinjaldavra
Shopify Partner
2302 570 1422

hello @KDM 

can you please share your store preview URL so that I can provide you a solution here?

KDM
Tourist
9 0 4

@Kinjaldavra Thanks for the reply. 

You may see the preview here: (now removed)

Thanks - KDM

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @KDM 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 767px){
#shopify-section-16172860000b0cd55f .faq-title, .h1-style, h1 {
    font-size: 37px !important;
}
#shopify-section-16172860000b0cd55f .overlay-text__subheading.subheading.subheading--over{
	    font-size: 19px !important;
}
  #shopify-section-16172860000b0cd55f .large-text {
    font-size: 20px  !important;
}
}

 

KDM
Tourist
9 0 4

@Kinjaldavra Amazing!

Thanks for the quick response and solution, it is greatly appreciated.

Once theme is purchased I will be sure to add this code in to fix the mobile view.

Thanks again! KDM

Kinjaldavra
Shopify Partner
2302 570 1422

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance

If helpful then please Like and Accept as Solution

KDM
Tourist
9 0 4

@Kinjaldavra 

I have now purchased the theme and your code worked perfectly, thanks so much!

It does change the heading size of all titles on the homepage in mobile view, but after a little adjustment finding the right size that works for all it's great.

Really appreciate the help and hope you enjoy the rest of your week 🙂

KDM

Kinjaldavra
Shopify Partner
2302 570 1422

hello @KDM 

you insert code in the wrong place please insert this code into theme.css file in the bottom of file

KDM
Tourist
9 0 4

@Kinjaldavra 

Yes I figured it out in the end - thank you so much for your help it works great! 🙂