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
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025