Minimal Theme Description Position

Solved
Highlighted
New Member
6 0 0

Hi,

I'm looking for some help on repositioning the product description on my shopify store. Currently it runs vertically down the right hand side of the page and i'd like it to be positioned more horizontal, starting underneath the product image. As you can see below, there is a lot of white space underneath the image and I think when i get to the stage of adding tabs it should look a lot smarter on desktop.

Any help would be greatly appreciated :)

Thanks,

Luke

Shopify enquiry.PNG

0 Likes
Highlighted
Shopify Partner
1580 344 462

Hey @Luke-Williams91,

Please share your product URL. So I can check and provide you solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Highlighted
Shopify Partner
106 13 15

Hi @Luke-Williams91,

Do you know coding? if yes, go to Online Store -> Actions -> Edit Code -> Sections -> product-template.liquid

and find below code and change its location.

<div class="product-description rte" itemprop="description">
{{ product.description }}
</div>

 

 

If you need any theme customization and custom theme work.
Pls email me on pankajtechcode@gmail.com

I will do in affordable prices.

If It solves your problem, Please Like and Accept Solution.
Do you need Shopify customization and custom work on your store? Hire me.
Feel free to Contact me on pankajtechcode@gmail.com
0 Likes
Highlighted
Shopify Partner
1580 344 462

This is an accepted solution.

Hey @Luke-Williams91,

Edit code sections/product-template.liquid file.

Cut this code see line number which I selected here.

cut-this.jpg

Paste here but before paste the code put <div> </div> and paste code inside div after line number 310

paste-here.jpg

 

I think you can do it :)

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
6 0 0

That's worked! Thank you for your help, I really appreciate it!

0 Likes
Highlighted
New Member
6 0 0

I've just checked mobile and not the text is not full visible. Is there a way of having it more aligned on mobile but keep the desktop as it is now?

Thanks

 

Luke

0 Likes
Highlighted
Shopify Partner
1580 344 462

Hey @Luke-Williams91,

Can you provide a screenshot, how it looks in the mobile view?

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
6 0 0

Mobile view.PNG

0 Likes
Highlighted
Shopify Partner
1580 344 462

This is an accepted solution.

Hey @Luke-Williams91,

When you put that code in a div tag. Please do the following.

<div style="padding: 0 15px;">
Paste your code here
</div>

This will give proper spacing and padding for your description.

Thanks!

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes