woocommerce single product page full width

[Anonymous]

Hi,

I removed sidebar for single product page with the following function:

/* remove single product sidebar */
function woocommerce_remove_sidebar_shop() {
    if( is_product() )
       remove_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10 );
}
add_action( 'template_redirect', 'woocommerce_remove_sidebar_shop' );

But unfortunately white sidebar still existing and I did not figure out how to set single product page with full width. I tried some css what I found on none of them helps.

Hopefully you could help me with this 🙂

[Axle Support]

Hello @Ziil

You don’t have to customize codes for this, just go to Customizing ▸ Theme Options
Layout Options and choose Global Layout as no sidebar

Hope this will solve your requirement.

Regards
Support Team

[Anonymous]

Thank you for your answer! I need primary sidebar to display subcategories in category view. But if to open single product then I would like to display this product with full width without sidebar.
Hope that there is some easy hack for that 🙂

[Axle Support]

Hello Zill

Here is CSS fixing for your single product page to display full wight without sidebar.
Just add this css on your Customizer -> Additional CSS section.

.single-product #primary {
    width: 100% !important;
}

.single-product #sidebar-primary {
    display: none !important;
}

Hope this will solve your problem.

Regards
Support Team

[Author]

Posts