How can I resize my website title for mobile view?

Store Design
1

Hello,

I don’t know how to fix this problem, I’d like to reduce the size so it can fit perfectly on a phone screen.

I’ve tried several fixes but it still doesn’t work.

If someone could help me, it would be really nice !

Website’s link :

https://kyonin.com

I’d like as well to know how can I delete topics (this one for example).

Thank you !

2

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!

storedeveloper0_0-1659224870673.png

Thanks for your good question.

I will check out the issue and provide you a solution here.

I can help you to fix the isses you are having with your shopify store

I see your store is not properly setup and i have zazu strategy to use for you.

and i have samples of website that i have done if you will like to see it message me.

3

@Maaaaaat - please add this css to the very end of your timber.scss file and check, should be like the screenshot below

@media screen and (min-width: 591px){
.product-single__title {font-size: 1.11765em;}
}

suyash1_0-1659237837658.png
suyash1_0-1659237837658.png1366×768 122 KB

4

Thank you very much for your help sir.

I’m really sorry but I haven’t been clear enough in my message… I talked about this title :

Capture.PNG
Capture.PNG501×777 255 KB

5

@Maaaaaat - add this css to the end of your theme.scss file and check

@media and (max-width:749px){
#shopify-section-slideshow .hero__slide .hero__title{font-size: 1.5em;
margin-top: 60px;}
}

suyash1_0-1659267706197.png
suyash1_0-1659267706197.png1366×768 288 KB

6

@media and (max-width:749px){

#shopify-section-slideshow .hero__slide .hero__title{font-size: 1.5em;

margin-top: 60px;}

}

7

Thank you for your answer, unfortunately I have this message popping up : Invalid CSS after "@media and ": expected “{”, was “(max-width:749px){” at 4817

8

@Maaaaaat - try this

@media screen and (max-width: 749px){
#shopify-section-slideshow .hero__slide .hero__title{font-size: 1.5em; margin-top: 60px;}
}
9

OMG thank you so much sir !! You made my day !

10

@media screen and (max-width: 749px){

#shopify-section-slideshow .hero__slide .hero__title{font-size: 1.5em; margin-top: 60px;}

}