Big Gaps Between Text On Product Page

Solved

Big Gaps Between Text On Product Page

davodavis66
Tourist
11 0 3

I have customer metafields to edit my product pages as seen in photo below:

davodavis66_0-1737457319236.png

After adding all text i need it is causing big gaps in the text on my mobile product page as seen below:

davodavis66_1-1737457455534.png

Can anyone help with this please? Thanks in advance

 

Accepted Solution (1)

websensepro
Shopify Partner
1854 215 262

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:

websensepro_1-1737459777935.png

 

 

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!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

View solution in original post

Reply 1 (1)

websensepro
Shopify Partner
1854 215 262

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:

websensepro_1-1737459777935.png

 

 

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!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP