Product description alignment problem in Debut theme..

Posteny_Jewelry
New Member
2 0 1

Hi,

 

I am using the Debut theme. The product description is not aligning "left" with the cart buttons anymore. It used to align neatly underneath the cart buttons. Now, the description is running all the way from left to right of the entire page. The social media logos are also not aligning anymore when it used to sit neatly in alignment underneath the cart buttons. Not sure what happened.. please help!

 

This is an example of how the product description is out of wack:

https://posteny.com/collections/rings/products/sterling-silver-plated-woven-mesh-ring 

Replies 27 (27)
dmwwebartisan
Shopify Partner
9822 2233 3070

Hi

 

which theme you have used in your web shop?
I can do that but I need your shop access or theme zip if possible for you please email me.

 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
KetanKumar
Shopify Partner
24911 2497 9034

Thanks @Posteny_Jewelry 
Welcome to the Shopify community!

if you like full width can you please try this

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-single__description {
float: left;
width: 100%;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Asif_Khan
Tourist
20 0 2

@KetanKumar 

Hi, I tried using your solution but the Asset--> /theme.scss.liquid-> doesn't seems to be existing. Can you please help me here?

KetanKumar
Shopify Partner
24911 2497 9034

@Asif_Khan 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jinnylee
Tourist
5 0 2

Hi, I am having same issue in some  (not all) of product description alignment in desktop view. On mobile, it looks fine. 

Only a few production description have same issue like this site URL https://www.jinnyleedesign.com/collections/cocktail-dresses/products/brazer-dress and other product description looks fine like this o https://www.jinnyleedesign.com/products/bustier-mermaid-dress?pr_prod_strat=collection_fallback&pr_r...

Could you please help me? Thank you.

KetanKumar
Shopify Partner
24911 2497 9034

@jinnylee 

sorry for this issue please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-template__container {padding: 0;} 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jinnylee
Tourist
5 0 2

Thank you very much for your speedy respond! It's fixed now but all below images are not align with above image. Shall I add padding number or something? 

https://www.jinnyleedesign.com/products/bustier-tiered-dress?pr_prod_strat=collection_fallback&pr_re... 

jinnylee
Tourist
5 0 2

I changed to .product-template__container {padding: 2;}  and all the images on desk and mobile is aligned now but just two product pages descriptions are not align again.  See below: 

https://www.jinnyleedesign.com/collections/all-dresses/products/jumpsuit 

https://www.jinnyleedesign.com/collections/cocktail-dresses/products/brazer-dress 

KetanKumar
Shopify Partner
24911 2497 9034

@jinnylee 

thanks update sorry but i can't see code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing