Product page full width - add a margin

Hi there, I’m just wondering how to add a small margin of say 20px to my woocommerce pages on mobile? Currently all text is pressed right up to the side of the mobile phone.

The site is equihire.co.uk

Thanks ,
Abi

Hi,

You can add space to the left and right side on single-product pages with this Custom CSS:

@media only screen and (max-width: 768px) {
.single-product .page-wrap .content-wrapper {
    padding: 0 30px !important;
}
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Kind Regards,
Csaba

Thanks so much- as ever very helpful!

Hi,

Great! You’re most welcome! If you need help with anything else, please open a new topic.

Have a nice day!

Kind Regards,
Csaba