Shopify themes, liquid, logos, and UX
Hi,
https://mishmash.world/password
I would like to remove the padding around the text, so that on a desktop it is one line of text and then on mobile, reduce the text size and make it two lines of text
Hey @marycrichton123
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find password.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.rich-text__blocks.center {
max-width: 100% !important;
}
@media screen and (max-width: 767px) {
h2.rich-text__heading.rte.inline-richtext.hxxl {
font-size: 40px !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
How do I make it so I can increase the font size on mobile
Also thank you so much for the last code!
Just simply change the value of 40px to anything you require and it will only change the font size for mobile.
Best Regards,
Moeed
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024