Huge title problem

[Maaaaaat]

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 !

[storedeveloper0]

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

Welcome to the Shopify community!

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.

[suyash1]

@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;}
}

[Maaaaaat]

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 :

[suyash1]

@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;}
}

[storedeveloper0]

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

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

margin-top: 60px;}

}

[Maaaaaat]

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

[suyash1 · Accepted solution]

@Maaaaaat - try this

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

[Maaaaaat]

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

[storedeveloper0]

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

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

}