How to Remove Sidebar on Mobile in Hestia

Sometimes you do not want to have a sidebar on mobile screens. It can be removed this way.

Navigate to Appearance -> Customize -> Additional CSS section and add the following code:

@media (max-width: 380px){
.blog-sidebar-wrapper{
   display: none;
}}

That's all there is to it! Save your changes and check your website.

How to Remove Sidebar on Mobile in Hestia ​