Hide your Sidebar on Mobile per Post
This is a Developer Level doc.
If you're unfamiliar with CSS and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our Support Policy, we don't provide support for modifications and customization.
This CSS snippet will hide/disable the sidebar for all single blog posts on your mobile devices:
/* Hide your Sidebar on Mobile Single Blog Posts */
@media (max-width: 767px) {
body.single-post .widget-area.sidebar-primary { display: none; }
}
Adjust the max-width value per your need.
All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.