Why isn't my section moving to the left in Shopify after coding?

jr-dev
Tourist
6 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
177 14 13

hi @jr-dev 

can you share store url 

banned
hawkscode
Shopify Partner
177 14 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);
  }
}
banned
jr-dev
Tourist
6 0 0

It didn't work.

 

hawkscode
Shopify Partner
177 14 13

Screenshot 2021-11-17 at 18.49.25.png

 check your  new css code did not update here 

banned
jr-dev
Tourist
6 0 0

jrdev_0-1637155640753.png

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