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

nomadehome
Tourist
3 0 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!

0 Likes
dmwwebartisan
Shopify Partner
5699 1303 1669

@nomadehome 

Please share your webshop URL & Password!

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
nomadehome
Tourist
3 0 1

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.

dmwwebartisan
Shopify Partner
5699 1303 1669

@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!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Natztech
Shopify Partner
597 154 368

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;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
dmwwebartisan
Shopify Partner
5699 1303 1669

@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!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes