Remove footer and header

[ArtK]

Hi Harry 🙂

 

Hope everything is awesome and safe.

 

I had a quick question.

I wanted to remove the footer and header from all WooCommerce product page.

Can you please tell me how to achieve this in claue. Essentially I am testing webview (mobile app substitute) for a very specific scenario where the product is accessed from a mobile and hence the footer and header removal will help a lot .

Have a nice day ahead.

Best Regards,
AK

 

 

 

[Harry]

Hi Ak,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.single-product header, .single-product footer, .single-product .jas-breadcrumb {display: none;}

If you want apply this for only mobile please change code to

@media only screen and (max-width: 767px) {

.single-product header, .single-product footer, .single-product .jas-breadcrumb {display: none;}

}

Kind regards

 

 

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts