How to reduce the spacing between the bottom of the first column and second on product page in mobile view. Using Pipeline Theme

Technical Q&A
, ,
1

image
image452×785 65.9 KB

I’ve tried many of the other solutions for similar issues but I think the issue is with the column spacing rather than the container itself or the slider bottom padding. Would really appreciate the support! Thanks :slight_smile:

image
image1066×675 127 KB

1 Like
2

hey @novaedgethreads Welcome to Shopify Community can you please share the Website URL

3

Hi! Thank you! Taro Card Shirt Celestial Tee Acid Wash Oversize Tee Nova Edge Threads

1 Like
4

Hey @novaedgethreads

Are you referring to the space which is above your product title on mobile? If yes, then:

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
@media screen and (max-width: 767px) {
.product__inner.is-sticky {
    padding-top: 0 !important;
}
}
</style>

RESULT:

image
image345×664 73.3 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

1 Like