All things Shopify and commerce
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
Solved! Go to the solution
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>
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
About us page
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>
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.
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024