Mobile Font Size - Too Big

winnie2142
Tourist
9 0 2

Hi, the mobile font size on my website is too large and is getting cut off. 

I tried to use the code below but it isn't working. Please help. Site is: https://yeaehhair.ca/

@media (max-width: 767px){
.slides .headline{
font-size: 12px !important;
}
.slides .subtitle,
.slides .subtitle *{
font-size: 10px !important;
}

}

 

dmwwebartisan
Shopify Partner
8599 2011 2717

@winnie2142 

I checked your website on mobile. It looks perfect. Can you provide a screenshot of the problem?

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
KetanKumar
Shopify Partner
22587 2286 8406

@winnie2142 

sorry for that issue 

can you please confirm this look fine so i will provide code

KetanKumar_0-1623813845323.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes

Hi @winnie2142,

Please change code:

@media (max-width: 767px){

        .slideshow .slideshow__heading{

                font-size: 12px !important;

        }

        .slideshow .slideshow__subheading{

                font-size: 10px !important;

                margin-top: 5px !important;

        }

        .slideshow .slideshow__link{

                font-size: 12px !important;

                padding: 5px 10px !important;

                height: auto !important;

                margin-top: 10px !important;

        }

}

https://i.imgur.com/przHb3r.png

Hope it clear to you.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
winnie2142
Tourist
9 0 2

Yes, this looks perfect. 

 

My issue was the button and font was too large on the mobile headers.

0 Likes
winnie2142
Tourist
9 0 2

Hi, which part in the code do I change this? Sorry, this is new to me

0 Likes
winnie2142
Tourist
9 0 2

@LitExtension hi, where do I edit this code, please?

0 Likes

Hi @winnie2142

Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > index.css and paste code at the bottom of the file

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
winnie2142
Tourist
9 0 2

Hi @LitExtension i tried to make the update and now my website's home page is messed up. 

0 Likes
winnie2142
Tourist
9 0 2

I put a password page up - it is "starfow' @LitExtension 

0 Likes