My site in desktop layout all in right hand sides and so small

Store Design
1

My site all information in right hand side and so small in desktop mode, I would you like use up the page area. How can I fixed it.

shopify 1.png
shopify 1.png1366×768 113 KB

2

@GoldTrunk

  1. In your Shopify Admin go to: online store > themes > actions > edit code

  2. Find Asset > timber.scss.liquid and paste this at the bottom of the file.

@media only screen and (min-width: 769px){
.template-product .large--seven-twelfths { width: 50%;}
.template-product .large--five-twelfths { width: 50%;}
.template-product .wrapper {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
}

Thanks!

1 Like
3

https://goldtrunk.hk/products/lonion-premium

1 Like
4

@GoldTrunk

  1. In your Shopify Admin go to: online store > themes > actions > edit code

  2. Find Asset > timber.scss.liquid and paste this at the bottom of the file.

@media only screen and (min-width: 769px){
.template-product .large--seven-twelfths { width: 50%;}
.template-product .large--five-twelfths { width: 50%;}
.template-product .wrapper {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
}

Thanks!

1 Like
5

May I duplicate or backup my site before I make a edit?

1 Like
6

@GoldTrunk

yes

1 Like
7

It seem better, if I would like the right hand side description area bigger, would you tell how can I do this.

After I paste statement in Asset > timber.scss.liquid , I feel the product photo move to left hand side. I would like move back in central.

shopify 2.png
shopify 2.png1366×768 168 KB

8

@GoldTrunk

Please Remove previous css & add following css

@media only screen and (min-width: 769px){
.template-product .large--seven-twelfths { width: 50%;}
.template-product .large--five-twelfths { width: 50%;}
}
1 Like
9

This is better, the layout is more users friendly, love it

10

I would like use up description area, rather than just use right hand sides area.

shopify 3.png
shopify 3.png1366×768 169 KB

11

@GoldTrunk

Thanks for screenshot but this is code customization work Please share Sections/product-templete.liquid file code otherwise

hire shopify expert or conatact to shopify support.

Thanks Again!

12

@dmwwebartisan

Thank you for your advise, I copy Sections/Product-template.liquid as a word file. Would you help me again.