Prestige theme - increase width of text on mobile only (one line)

Store Design
1

Hi team,

Hope you are well.
I’m wondering how I can increase the width of a single line of text on mobile only please.
It is on my “about us” page. The text does not need to be widened on desktop though because it is perfect.
See below:
https://leikenhair.com/pages/about-us

Store password = daoroh

mobile view:

jaylan_tahtali_2-1638313157699.jpeg
jaylan_tahtali_2-1638313157699.jpeg947×2048 155 KB

desktop view (keep like this please):

jaylan_tahtali_3-1638313200841.png
jaylan_tahtali_3-1638313200841.png1848×387 32.3 KB

Thanks so much for your help in advance :slightly_smiling_face:

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media screen and (max-width: 749px){
.PageContent.aboutus-1 h2 {
font-size: 15px;
letter-spacing: 0.1em;
}
}
1 Like
3

Hi @ZestardTech ,

Thanks so much for your response :). That made the text smaller. I would like to please keep the text the same size as it was before, just to make it a bit wider.

It does not have to be only on two lines. Just at least to be a bit wider than it is now because it looks a bit squashed right now.

jaylan_tahtali_0-1638399501933.jpeg
jaylan_tahtali_0-1638399501933.jpeg1284×1404 139 KB

jaylan_tahtali_1-1638399562296.jpeg
jaylan_tahtali_1-1638399562296.jpeg947×2048 155 KB

Thanks so much for all your help :slightly_smiling_face:

4

Hi @ZestardTech , I have not been able to solve this one yet :). Thanks for your help