Buy All 48 Premium WordPress Themes for $54.99

How to Hide Sidebar on Mobile Screens

Hide Sidebar Under Mobile

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

About the Author

Tihomir Ivanov is a WordPress and Salesforce Commerce Cloud (SFCC) developer, founder of tishonator.com, a fan of Linux and Open Source, Minimalism (in Design and Life), Sci-fi, Fantasy, Classic and History books :)

Leave a Reply