Adjust product spacing of variant and font on mobile

Hi,

Is there a code to remove all the spacing in mobile site for the product page so that the image and the options below can all be seen together without scrolling down? Your help will be appreciated!

Thanks,

Shezlie

Can you share link to product in screenshot? We can help easier.

1 hour ago, tuanphan said:

Can you share link to product in screenshot? We can help easier.

Hi,

My website is password protected now. Would it be ok to send you a private message about this so you can look into it?

If possible, you should share here, other members can help if I can't help.

You can send to my message.

Add to Home > design > Custom CSS

@media screen and (max-width:767px) {
.ProductItem-details-title {
    margin-bottom: 1px !important;
}
.ProductItem-details .ProductItem-product-price {
    margin-bottom: 0;
}

}

9 hours ago, tuanphan said:

Add to Home > design > Custom CSS

@media screen and (max-width:767px) {
.ProductItem-details-title {
    margin-bottom: 1px !important;
}
.ProductItem-details .ProductItem-product-price {
    margin-bottom: 0;
}

}

 

Thank you so much! It's so much better now!