Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I have customer metafields to edit my product pages as seen in photo below:
After adding all text i need it is causing big gaps in the text on my mobile product page as seen below:
Can anyone help with this please? Thanks in advance
Solved! Go to the solution
This is an accepted solution.
Hi @davodavis66
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
@media(max-width:767px){
.metafield-rich_text_field {
margin-top: 0px !important;
}
.text-wrapper {
gap: 20px !important;
}
Result:
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!
This is an accepted solution.
Hi @davodavis66
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
@media(max-width:767px){
.metafield-rich_text_field {
margin-top: 0px !important;
}
.text-wrapper {
gap: 20px !important;
}
Result:
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025