Reduce space between Price and Product Details on Product Page (Mobile)

Hi everyone,

I'm looking for some help with my product details pages, I have this issue (photo below):

I need to reduce the space between the product price and the product description for mobile pages, it's fine on desktop.

Thanks a lot for all the upcoming help!

Please can you share the website and page URL, as well as the site wide password if you have one? Thanks!

Of course!
The website is https://www.noivosgondomar.com/, and you can check this in here: https://www.noivosgondomar.com/noiva-coliseu/p/sultry

It appears that you've got the quantity set to visibility:hidden; if you want to close that gap you need to set it to display:none; like this:

.product-quantity-input {
    display: none !important;
}

Generally I'm not completely sure what you're trying to do, apart from removing the ability to add to cart. I'm guessing you already have Custom CSS, so correcting that would be the most important thing to do.

This should help, if it doesn't try adding to the very end of the Custom CSS:

.tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-thumbnails {
    margin-bottom: 2vh;
}
.ProductItem-details .ProductItem-product-price {
  margin-bottom: 0px;
}

Perfect!! It worked! 

Thanks a lot for your help!

Another question, is it possible to show the tags of the product on the product page?

On 10/20/2022 at 5:24 PM, celineag said:

Perfect!! It worked! 

Thanks a lot for your help!

Another question, is it possible to show the tags of the product on the product page?

Not possible. You can consider using Text Block to add it manually.