Removing excess space between Nav and Content on a product page

Site URL: https://www.likeahound.com/bandanas/p/buffalo-plaid-bandana

I'm having a bit of trouble removing the excess space between the nav section and the content on the product pages of this site without screwing things up totally. Any recommendations?

50 minutes ago, Cmdr_Penetrant said:

Site URL: https://www.likeahound.com/bandanas/p/buffalo-plaid-bandana

I'm having a bit of trouble removing the excess space between the nav section and the content on the product pages of this site without screwing things up totally. Any recommendations?

You can try it in Design->Custom CSS
 

.products.collection-content-wrapper {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .ProductItem-nav {
    padding-bottom: 0;
}
}

On 1/17/2021 at 7:16 PM, bangank36 said:

You can try it in Design->Custom CSS
 

.products.collection-content-wrapper {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .ProductItem-nav {
    padding-bottom: 0;
}
}

This code worked great! Thanks so much for your assistance!

@Cmdr_Penetrant I see this button on tablet doesn't look good. Do you want to fix this?