How can I adjust padding on mobile view for a product page?

Technical Q&A
1

Hi, this is my product page: https://essenton.dk/products/brace-support-belt-adjustable-back-posture-corrector-clavicle-spine-back-shoulder-lumbar-posture-correction?variant=37935863759047

I want to change the padding/space between the product slide and headline:

image0 (4).jpeg
image0 (4).jpeg1125×2436 293 KB

I want a bigger spacing, but only on mobile view.

Thanks - Joe

2

Please add below line of css in your theme.scss file.

@media only screen and (max-width: 750px) {
    .product__details-content h1.h2 {
        padding-top: 80px;
    }
}