How can I adjust the mobile view text size on Showcase theme?

Technical Q&A
1

Hello everyone,

I am using the theme Showcase.

When my website converts to a mobile view the h1 text becomes really small and I don’t like the design of it. Is there a way to fix the text size?

Thank you so much!

Georgia

1 Like
2

Hello @kindredpeople ,

Please share:

  • your store URL;
  • page URL or screenshot of the mentioned issue;
  • storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

1 Like
3

@kindredpeople
Kindly Share your Store Url, and store front password( if password protected.)
So that i can help you.

Thank you.

4

kindredpeople.myshopify.com

kiNdr3dppL$

5

@kindredpeople , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > styles**.css** and paste this at the bottom of the file:
@media (min-width: 750px){
        h2{
        font-size: 48px !important;
    }
}

@media (max-width: 749px){
    h2{
        font-size: 20px !important;
    }
}

48px = desktop font size
20px = mobile font size

Kind regards,
Diego

1 Like
6

Genius!! It worked!! And now I am actually starting to like the mobile version of my site :slightly_smiling_face: Thank you!!

While you are here and seem to be a coding star can I ask you how I can modify the size of the feature sub header (text example: DEEPEN YOUR RELATIONSHIPS). And also the .p (text example: The card game begins by sharing stories and ends with you gaining a better understanding of yourself and each other). I tried to code it myself but failed.

And then just generally is it possible to put links (Card Games, Coaching, Workshops) in a different colour on the home page?

Thanks Diego!!! Really helpful stuff.