Hi everyone,
I have made some changes in the code for my product description to be of full width. However, the code did work on desktop view. Once I view it on mobile view the product description is getting cropped out.
Is there anyway someone can help me with the code to fix this? I am really struggling for this for quite some time
Thank you
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.scss.liquid and paste this at the bottom of the file:
@media only screen and (max-width: 749px){
.product-single__description-detail {
transform: inherit!important;
}
}
Hey there @ZestardTech
I tried copy pasting the code which you mentioned. However, it didnt change anything. It is still the same on the mobile view.
Attaching image for your reference
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.scss.liquid and paste this at the bottom of the file:
Working is fine please add code proper.
@media only screen and (max-width: 749px){
.product-single__description-detail {
transform: inherit!important;
}
}
@ZestardTech
Can i please add you as staff at my store and then can you check as to what am I doing wrong? It will be really helpful.
Please share me your email id
Hello There,
Could you kindly DM me so that we can discuss further on it.
And else you can get connected with me on support@zestard.com so that I can assist you further in your requirement Thanks!
@ZestardTech
Hey, thanks a lot! You were really helpful. This is what I wanted. I really appreciate your help in this.
1 Like
Kindly feel free to get back to me if you need any further assistance Thanks!