CSS: Make Single product pages Full Width

Hello Everyone,

I am using Vantage theme for my first wordpress site – https://www.surgimedex.in

I want that the woocommerce single product pages have a full width page and should not show any sidebar or sidebar space. I have removed the sidebar by adding following php snippet but i am unable to get to the proper css for making the rest of the content full width. I’ve tried so many things but i am unable to make it work. Could you guys please be kind enough to help me out?

// Remove Sidebar on all the Single Product Pages

add_action( ‘wp’, ‘bbloomer_remove_sidebar_product_pages’ );

function bbloomer_remove_sidebar_product_pages() {
if (is_product()) {
remove_action(‘woocommerce_sidebar’,’woocommerce_get_sidebar’,10);
}
}

URL:sample product page

I will be looking forward to hearing from you guys soon.

Regards,
Jasmeet