Moving sections

jr-dev
Tourist
4 0 0

Hi, I have added some code to product.json and products-recommendatios.liquid so I can move to the left my section but it isn't working.

JSON and Liquid.

I'm new in shopify, appreciate any help.

Replies 6 (6)
hawkscode
Shopify Partner
74 15 13

hi @jr-dev 

can you share store url 



If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
- Feel free to contact me on vikash.hawkscode@gmail.com regarding any help
- Skype : vikas.hawkscode
hawkscode
Shopify Partner
74 15 13

Screenshot 2021-11-17 at 18.38.13.png

 File : section-main-product.css

@media screen and (min-width: 990px) {
  .product:not(.product--no-media):not(.featured-product) .product__media-wrapper {
    max-width: 64%;
    width: calc(64% - 1rem / 2);
  }

  .product:not(.product--no-media):not(.featured-product) .product__info-wrapper {
    padding-left: 4rem;
    max-width: 36%;
    width: calc(36% - 1rem / 2);
  }
}

 

Replace by 

 

@media screen and (min-width: 990px) {
  .product:not(.product--no-media):not(.featured-product) .product__media-wrapper {
    max-width: 54%;
    width: calc(54% - 1rem / 2);
  }

  .product:not(.product--no-media):not(.featured-product) .product__info-wrapper {
    padding-left: 4rem;
    max-width: 46%;
    width: calc(46% - 1rem / 2);
  }
}


If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
- Feel free to contact me on vikash.hawkscode@gmail.com regarding any help
- Skype : vikas.hawkscode
jr-dev
Tourist
4 0 0

It didn't work.

 

hawkscode
Shopify Partner
74 15 13

Screenshot 2021-11-17 at 18.49.25.png

 check your  new css code did not update here 



If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
- Feel free to contact me on vikash.hawkscode@gmail.com regarding any help
- Skype : vikas.hawkscode
jr-dev
Tourist
4 0 0

jrdev_0-1637155640753.png

Is updated, do not why it isn't showing changes...