How to remove sidebar on mobile

Hi guys,

I understand some people would consider this radical, but I’m exploring the possibility of removing the sidebar on mobile. That’s because:

1. The sidebar makes the site load slowly on mobile
2. It’s a known fact that most people don’t scroll down very far, therefore they won’t even see the stuff in the sidebar
3. The fact that the theme has a fly-out menu and allows us to place ads in the header, footer and in-text makes the sidebar unnecessary for the purposes of navigation and ad placement on mobile

So all in all, I think for my purposes having the sidebar on mobile may be more of a problem than a benefit. How could I have it removed?

Thanks,

Serg

I think I may have found the answer in a previous thread – adding this to advanced CSS to hide sidebar:

@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
}

Is that right? I was confused because the thread (https://forum.tagdiv.com/topic/hidding-sidebar-on-mobile/) also talked about hiding the footer, which I don’t want.

Thanks in advance!

This mod works, thanks.