Hide your Sidebar on Mobile Globally

This CSS snippet will hide the sidebar for mobile devices across your entire website (single pages, blog entries and single blog posts):

/* Hide your Sidebar on Mobile Globally */
@media (max-width: 767px) {
	.widget-area.sidebar-primary { display: none; }
}

Adjust the mobile device breakpoints (767px) per your need.

You can also hide your sidebar on mobile devices per post: Hide your Sidebar on Mobile per Post

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.