Another Atelier theme suggestion

[Saskia]

In the Atelier theme options, under Shop Options there is a WooCommerce Sidebar Config dropdown list to select which sidebars display on the shop page. It would be nice if there was a separate option for sidebar config on mobile devices.

As an example, have a look at this page:
http://swiftideas.com/shop/?sidebar=left-sidebar

This page has a left sidebar with the usual filtering options, which is fine. But if you look at the same page on a mobile device, you get the ‘+ Filters’ panel at the top of the page, and then down the bottom of the page, you get the same filters from the sidebar panel. So, effectively you’re doubling up on the same filters. If you turn the sidebar off, then it works fine on mobile devices but not for larger screens.
A simple solution might be to have a separate sidebar config option for mobile devices.

[Kyle – SUPPORT]

Hi

You can just add this to your custom css:

@media only screen and (max-width: 479px) { 
.post-type-archive-product .sidebar {
  display: none;
}
}

– Kyle

[Saskia]

Thanks Kyle, that’s an even better solution!

Although it didn’t actually get rid of the sidebar with that code, I tweaked it a little and it’s working perfectly now.

It worked with this code:

@media only screen and (max-width: 767px) { 
.has-left-sidebar .sidebar {
  display: none;
}
}

Thanks again for the help.

[Kyle – SUPPORT]

Ok no problem