WooCommerce product page constricts header & footer

Support
#1

Everything looks good for all of my WooCommerce pages except the product page which is cutting off the header and footer on the sides rather than having it go full-width like the rest of the site.

Do I need to modify one of the templates? If so, which one?

Thanks for your help.

#2

Hello There,

Thanks for writing in! You are experiencing this issue because you have added this custom css:

.woocommerce {
  padding: 0 10%;
}

You might need to update it and use this:

.woocommerce {
  padding: 0 10%;
}

.woocommerce.single-product {
  padding: 0;
}

We would loved to know if this has work for you. Thank you.

#3

Worked like a charm.

Once again, you rock!

Thanks!

#4

Hey There,

You’re welcome! We are just glad we were able to help you out.
Thanks for letting us know that it has worked for you.

Cheers.