Move product description box across to the left - Venture theme

Store Design
1

Hi,

Could someone please advise how I can move the product description box to the left hand side of the page as highlighted below:

tempsnip.png
tempsnip.png1279×502 72.4 KB

Website: www.pillarstore.co.uk

Password: Password

Many thanks!

1 Like
2

@BG10

sorry for that issue can you please try this code.

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.rte.product-single__description {
    position: relative;
    width: 98vw;
    left: -59vw;
}
2 Likes
3

Worked perfectly - thank you!

1 Like
4

@BG10

its my pleasure to help us

5

Hello Kentan Kumar Bhai. I am new to coding in Shopify. I applied your code and skew position to left works perfect on my laptop. (Thanks) Although, in the mobile version it is skewed to far off to left. I then changed your coding settings to (LEFT = 0) instead of -59 and alignment in mobile is now correct.

Next issue:

Now, my words are getting cut off in the description in the mobile version. Can you help with coding to make it possible in mobile description to wordwrap or make view box different adjustable sizing so that description is not cut off.

Can we make general code justify center for both PC view and Mobile view.

Your help will save me time.

respect, Anwar

1 Like
6

@URBANHOOKUPZ

can you please share store url

7

www.thesupershopspot.com

password : Fresno

I do apologize shifting number to 0 instead of -59 only helped mobile version.

Here is my website. I appreciate the help

Check men’s / hats section for product description views.

8

@URBANHOOKUPZ

try this code

.rte.product-single__description {width: 100vw;}
1 Like
9

Thanks for the rapid reply.

In mobile view the description is still skewed left out of view.

I currently have coding:

.rte.product-single__description {
position: relative;
width: 78vw;
left: -50vw;
}

I am happy with it.

But, mobile view description skewed left. I need to tell mobile view to justify correctly.