How to Hide Sidebar on Mobile Screens

By default, our Premium themes comes with options to globally display or hide sidebars. But it some cases, you may want to hide the Sidebar only on Mobile screens. Here is a guide how it can be done:

1.Login to your Admin Panel

2. Navigate to Left Menu -> Appearance -> Customize

3. Open ‘Additional CSS’ Section

4. Insert the following code:

@media screen and (max-width: 799px) {
   #sidebar {
       display:none;
   }
}

5. Save change