Add padding to the top of woocommerce pages

Hello,

I would like to add padding to the top of all my woocommerce pages. The space I need is after the header for each of the following pages; cart, checkout, account, shop, and single product pages. I have attached a print screen as an example to show where space is needed between the header and the line that reads home/shop. Is their any CSS customizations that I could use for these pages?

Any help would be appreciated.

Best Regards, Robbin

Hello there,

Please try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    .woocommerce .page-wrap {
      padding-top: 200px;
    } 

Regards,
Kharis

Hi there Kharis,

Thanks for this. However, this CSS code only worked for the shop page and single product pages. How do I add padding for the cart, checkout and account pages?

Best,
Robbin

Hello Robbin,

Please try this code:

    .woocommerce .page-wrap,
    .woocommerce-page .page-wrap {
      padding-top: 200px;
    }  

Regards,
Kharis