Re: My website mobile text is not responsive

Solved

Why isn't my website text responsive on mobile and desktop?

learningdesign
Shopify Partner
203 1 22

My website mobile text is not responsive in some places even desktop is also not responsive website is looking very bad i need some one please to help me with code  thank you

Capture3.PNG

not looking good in desktop and  in mobile also

Accepted Solution (1)
theycallmemakka
Shopify Partner
1696 409 428

This is an accepted solution.

Hi @learningdesign ,

 

Please add below code to theme.liquid

<style>p.h1 {
    font-size: 3.8!important;
}
@media only screen and (max-width: 600px) {
p.h1 {
    font-size: 2.4rem!important;
}
}</style>

 

makkaomakka_0-1700625286204.png

 

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 4 (4)

theycallmemakka
Shopify Partner
1696 409 428

Hi @learningdesign ,

 

Please add below code to theme.liquid

<style>
.shopify-policy__title.h2 {
    font-size: 16px;
}
@media only screen and (max-width: 600px) {
.shopify-policy__title.h2 {
    font-size: 12px;
}
}
</style>

makkaomakka_0-1700586367293.png

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

learningdesign
Shopify Partner
203 1 22

Capture.PNG

About us page

theycallmemakka
Shopify Partner
1696 409 428

This is an accepted solution.

Hi @learningdesign ,

 

Please add below code to theme.liquid

<style>p.h1 {
    font-size: 3.8!important;
}
@media only screen and (max-width: 600px) {
p.h1 {
    font-size: 2.4rem!important;
}
}</style>

 

makkaomakka_0-1700625286204.png

 

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

bilashism
Visitor
2 0 0

Responsive font sizes are important for conveying the right message to the end user in a way that it was ment to be. It can be achieved with CSS only. With the help of media queries you can easily manage the responsiveness. Also, CSS has evolved a lot and such responsiveness can be achieved even without the need of media queries. I've been working as a frontend developer for the last 4 years. Please let me know how can I help you with this.