Aligning the product description below the product on Debut theme

Hi,

I am totally new to Shopify, I have no knowledge about coding. I would want to know the steps to align the product description after my table(Image 1) to be of full width and not just on the right (Image 2). Please help a beginner here.

Image 1- https://ibb.co/LSDgCMW

Image2- https://ibb.co/sRC7WQj

I am open to all the solutions as long it is in steps. I am really struggling with this and would want to know how this can be done.

Thanks

Hi @Asif_Khan

Would you mind sharing your store’s URL so we can request collaborator access and get this done for you shortly?

Let me know!

@JHKCreate

Hey, as my store is just 2 days old. I am trying to start with adding the products first. Please check the url below and go to the catalog.

https://phone-space-co.myshopify.com/?key=88be110fd6d1f30b2112851b7070f151c8108d02e8447ba1572f6382ab62b80e

Password- qwerty

If it possible please guide me so it will be easier for me to add the description in full width after the table.

Thanks

Hi @Asif_Khan ,

Hope you are doing well. In this case, you need to change your markup. Please move the div has class “Table2” as this screenshot: https://prnt.sc/112tfsd

Please take a look at our screenshot here: https://prnt.sc/112tfsd

Hope this helps.

@LitExtension

Hi, I did understand your point. However, I am not sure where do i need to add this.

Should I add this in the product description?

Hi @Asif_Khan ,

Can you please add me as a staff so i can check and give you best solution in this case? https://help.shopify.com/en/manual/your-account/staff-accounts/create-staff-accounts#add-staff.

I will check it for you and you can remove me after finishing. This is my email: tuanthinhit@gmail.com.

Feel free to let me know if you need further support!

@LitExtension

Hello, I have added you as a staff. Please check and let me know what can be done in this case. Also please guide me so it will be easier for me in the future.

Thanks

Hi @Asif_Khan ,

I fixed it on your site. You can check it now.
In this case, you need to add the class name “product-single__description-detail” to wrap the description which you want to show full width.
Link check: https://phone-space-co.myshopify.com/products/copy-of-iphone-12-pro-silver-64gb

Please take a look at our screenshot: https://prnt.sc/1143u2a

https://prnt.sc/1144974

1 Like

@LitExtension

Thank you so much. You were really very helpful :blush:

Hi @Asif_Khan ,

It’s our pleasure to help you. If you find our comments are helpful, can you please Accept as a Solution and Like these. It will absolutely encourage us!

If you have any questions, feel free to let me know, I will try to support you.

1 Like

@LitExtension

I would need help again in this, I have created a new store. I would want to do the same. Can you please help me here?

I tried to edit the code, its proper on the desktop view. However, when i switch to mobile view the description is getting cropped out. Please let me know when can you be able to help me. I will share you my store access whenever possible.