Product description is being cut off on mobile version of my website

Technical Q&A
1

Hi there,

I am using the Grid them and when I view my website from the mobile version the text is being cut off on the right hand side. I have used all the available suggested that I could find in the community thread, and they do not work.

Could anyone help me with this? Thank you!

2

@nomadehome

Please share your webshop URL & Password!

Thanks!

3

Thank you for your reply,

www.nomadehome.myshopify.com is my shop url.

I think there is a bug within the theme I am using.

1 Like
4

@nomadehome

I checked your website on mobile but didn’t get your case. Could you please provide a screenshot?

I will check and provide the solution.

Thanks!

5

hello @nomadehome

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-product .product-details-wrapper {
       padding: 0  !important; 
   
}
@media only screen and (max-width: 769px){
.template-product .product-description.rte {
    margin-left: 12px !important;
    width: 90% !important;
    margin: 0 auto;
}
}
2 Likes
6

@nomadehome

Please add the following code at the bottom of your assets/theme.css file.

.template-product .product-details-wrapper {
padding: 0px !important;
}

@media only screen and (max-width: 769px){
.template-product .product-details-wrapper {
padding: 0px !important;
}
}

Hope this works.

Thanks!