How to Disable Sidebars in Mobile and Tablet View

Hello colgate,

If you want to disable all the sidebars in mobile and tablet mode, you need a bit of CSS to hide this option. Plase try the code below and place it in Theme panel->Custom CSS area, like this: http://screencast.com/t/5iPUuNZoso3l

@media (max-width:1018px){
.td-ss-main-sidebar {
display:none;
}
.td-pb-span8.td-main-content {
width: 100%;
}
}

The above code is only for posts. If you want to hide them for pages, it is not a simple task because it is not easy to target the sidebar class and it depending on how you set the sidebars for pages. As a method to add the sidebar for pages would be with Visual Composer and with Wigetsized element, like this: http://screencast.com/t/dXPluCP9xJy and you can try the code below:

@media (max-width:1018px){
.wpb_widgetised_column {
display:none;
}
.td-pb-span8 {
width: 100%;
}
}

The result you should see here: http://screencast.com/t/tYMlNthWcx

Hope this helps and let us know how it goes!

Thank you for the message!

Hi Viju,

Try the code below ->

@media (max-width:767px){
.td-footer-wrapper .td-pb-span4{
display:none!important;
}
}

Thanks.