How can I resize my website title for mobile view?

Solved

How can I resize my website title for mobile view?

Maaaaaat
Excursionist
14 1 2

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 !

Accepted Solution (1)
suyash1
Shopify Partner
9990 1241 1579

This is an 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;}
}
Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 9 (9)

storedeveloper0
New Member
15 0 0

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.

 

 

 

suyash1
Shopify Partner
9990 1241 1579

@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

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Maaaaaat
Excursionist
14 1 2

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

 

suyash1
Shopify Partner
9990 1241 1579

@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

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
storedeveloper0
New Member
15 0 0

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

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

margin-top: 60px;}

 

 

 

 

}

Maaaaaat
Excursionist
14 1 2

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
Shopify Partner
9990 1241 1579

This is an 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;}
}
Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Maaaaaat
Excursionist
14 1 2

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

storedeveloper0
New Member
15 0 0

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

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

}