How to disable ALL side bars on mobile layout

Hi again,

So we are about to launch and are testing the mobile layout of the theme (Inspirebook) and want to disable all the side bars from mobile devices. they look really bad and just add clutter to the over all user experience.

Is there a way to do that on the theme? or a code i can use on php or css to make this happen? I think it would be good to have this on phone only, tablets have enough room for the sidebars.

Thank you,


Hello WilliePlas,

You can hide sidebars for mobile devices with the using of following CSS codes.

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

You can add these lines in “.css” file or custom codes CSS options.

Let me know it this helps for you.


Thank you for the code!