Are you using Storefront on your shop? If yes, you noticed maybe that your shop page, and all other WooCommerce pages such as product page, category archive, etc. always have a sidebar.
By default, there’s not an option to remove it. Unless you use the Storefront extension Storefront WooCommerce Customizer
But there’s also another way to remove it.
If you are into coding, you can unhook some Storefront actions to remove the sidebar on all WooCommerce pages, or only some of them, and with a bit of CSS you can increase the size of the main container.
Before implementing any code changes, always ensure your site is backed up. This will help you restore things in case of unforeseen errors. I recommend using Jetpack Backup for real-time backups and one-click restores.
Open your functions.php file in wp-content/themes/yuor-child-theme-name/ and add this code at the end of it:
Now, open your child theme’s style.css in the same location and add this code:
Now, all your WooCommerce pages won’t have a sidebar.
If you wish instead to remove it only from some pages, like only on product pages, you can change the condition on line 3 in the first PHP snippet and use a different WooCommerce conditional tag.
Leave a Reply