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

[learningdesign]

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

not looking good in desktop and  in mobile also

[theycallmemakka]

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>

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

[learningdesign]

About us page

[theycallmemakka · 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>

[bilashism]

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.