Modifying The Cs Cart Responsive Theme

Hello,



I am using CS Cart's responsive theme, modern. My category layout has several sidebars on the left side of the page. This does not work well on mobile because the sidebars show up first causing the products to be too far down the page. Is there a way to have the sidebar hidden on mobile devices or, have it show up on the right? I suspect there is a way to do this via css but I am not sure where to begin. The site is http://www.omnivos.com.



Thanks.

Hello



To hide the sidebar it is necessary to add the 'visible-desktop' class to sidebar grid in Block Manager (Design → Layouts). In order to show it on the right just move sidebar grid to the right in Block Manager (Design → Layouts → Categories tab).



Sincerely yours,

CS-Market.

[quote name='CS-Market' timestamp='1429607959' post='212170']

To hide the sidebar it is necessary to add the 'visible-desctop' class to sidebar grid in Block Manager (Design → Layouts). In order to show it on the right just move sidebar grid to the right in Block Manager (Design → Layouts → Categories tab).

[/quote]



novista, the correct class name is visible-desktop

[quote name=‘eComLabs’ timestamp=‘1429618252’ post=‘212202’]

novista, the correct class name is visible-desktop

[/quote]



Thanks for correction of our misprint :-)

Thanks everyone.

[quote name='novista' timestamp='1429625700' post='212223']

Thanks everyone.

[/quote]



You are welcome!

We are glad to help you.

is this still actual with newest responsive theme ? and is there doc on it ?

Unfortunately there is no documentation for it. But the following classes still can be used

.visible-phone
.visible-tablet
.hidden-phone
.hidden-tablet
.hidden-desktop
.visible-desktop