Closing White-Space/Gap on The Product Page | Supply Theme

Solved
Highlighted
Excursionist
102 0 1

So I need help with closing the gap shown in the screenshot, HERE'S THE IMPORTANT PART It can't affect the width of the Product Description area at all.

Example1.png

0 Likes

Success.

Shopify Partner
1755 289 374

Follow this:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media screen and (min-width: 768px){form#addToCartForm-product-template { justify-content: start; } .quantity-custom{margin: 0 15px;}}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
1 Like

Hello 

 

Want to modify or custom changes on store hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Content Writer | Digital Marketing | SEO Expert | Site Optimization | Web Design | Web Development
0 Likes
Excursionist
102 0 1

Haha sorry i should have mentioned, the code was edited to this, here is my URL https://www.promosmart.com.au/collections/ceramic-mugs-1/products/flare-mug

 

also: this is the code that was added:

@include at-query($min, $medium) {  
  .quantity-custom {
    display: block;
  }
  .shopify-payment-button .shopify-payment-button__button {
    margin-top: 28px;
  }
  form#addToCartForm-product-template {
    display: flex;
    justify-content: space-between;
    align-items: end;
  }
  .selector-wrapper select, .product-variants select {
    max-width: 100%;
  }
}
0 Likes
Shopify Partner
1755 289 374

I think its working fine after added my code..is that anything wrong? 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
1 Like
Excursionist
102 0 1
Yeah it is, I just didn't see it untill after i replyed to his question.
0 Likes