How do I disable sidebar on mobile?

How do I disable sidebar on mobile but keep it enabled on the desktop for specific pages?

Hello,

Our theme has the option to hide the sidebar to a sliding panel which shows the sidebar on a button click. You can enable the option for shop page in the Theme Settings > Shop > Title and Sidebar, and for the rest pages in the Theme Setting > General layout.

We can hide the sidebar on mobile with CSS:

body .sidebar-container {
display:none;
}

Add this code to the Theme Settings > Custom CSS > Mobile.

However, there is no option to hide on one page and show on other.

Best Regards

[Author]

Posts