Alignment of the description below the product full width

Solved
Asif_Khan
Tourist
20 0 2

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

0 Likes
Pallavi
Shopify Expert
1338 181 219

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Asif_Khan
Tourist
20 0 2

Hi @Pallavi 

Store URL: https://phone-space-in.myshopify.com/password

password- qwerty

0 Likes
Pallavi
Shopify Expert
1338 181 219

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. 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;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Asif_Khan
Tourist
20 0 2

Hey there @Pallavi 

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

Asif_Khan_0-1619087562483.png

 

0 Likes
Pallavi
Shopify Expert
1338 181 219

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. 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;
}
}

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Asif_Khan
Tourist
20 0 2

@Pallavi 

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

0 Likes
Pallavi
Shopify Expert
1338 181 219

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!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Pallavi
Shopify Expert
1338 181 219

This is an accepted solution.

Done Please check it 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Asif_Khan
Tourist
20 0 2

@Pallavi 

Hey, thanks a lot! You were really helpful. This is what I wanted. I really appreciate your help in this.