Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Reduce space between Price and Product Details on Mobile Page



Site URL: https://www.parkday.us/shop/p/perfectparkday



I'm wondering if anybody knows how to reduce the spacing between the product price and product details on the mobile product page? 


I'm using the code below to get the product details above the Add to Cart button: 

@media screen and (max-width:767px) {
.ProductItem-details-excerpt {
  order: 1 !important;


I want to make it look like "price excluding deposit" is right under "price including deposit". 



Screen Shot 2021-02-10 at 10.01.20 PM.png

Edited by ParkDayNYC
entered by mistake
Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

  • 0

Add to Design > custom CSS

/* space price excerpt */
@media screen and (max-width:767px) {
.ProductItem-product-price {
    margin-bottom: 0 !important;
.ProductItem-details-excerpt h4 {
    margin-top: 0;
    margin-bottom: 0;


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...