sidbar

Can you please post a link to your site where I can see the sidebar so I can try to help with some CSS code to hide that sidebar?

test.madeiradivepoint.com
Thank you!

Add the following CSS to customizer -> Additional CSS

@media screen and (min-width: 48em){
	.has-sidebar.woocommerce-page:not(.error404) #primary {
    width: 100%;
}
.has-sidebar.woocommerce-page:not(.error404) #secondary {
    width: 20%;
    display: none;
}
}

Let us know if you need help with anything else!

Thank you, it works perfectly!

Unfortunately, the code does not work with mobile phone, here I still have a sidebar or Menu.

Hello,
For mobile phone use the following CSS

@media screen and (max-width: 480px){
.has-sidebar.woocommerce-page:not(.error404) #secondary {
    display: none;
}
}

Let us know if you need help with anything else!

Thank you!

If your question has been answered, we would love if you would mark this topic as resolved in the left hand sidebar.