Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Modifying The Cs Cart Responsive Theme Rate Topic   - - - - -

 
  • novista
  • Senior Member
  • Members
  • Join Date: 14-Jul 11
  • 199 posts

Posted 21 April 2015 - 02:36 AM #1

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.

 
  • CS-Market
  • Senior Member
  • Authorized Reseller
  • Join Date: 06-Mar 13
  • 596 posts

Posted 21 April 2015 - 09:19 AM #2

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.

GET A FREE QUOTE  │  CS-Cart add-ons   │   CS-Cart custom development   │  CS-Cart design integration  │  CS-Cart license

Сертифицированный разработчик на CS-Cart Русская Версия. More than 5 years experience in CS-Cart development.


 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 17267 posts

Posted 21 April 2015 - 12:10 PM #3

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).


novista, the correct class name is visible-desktop

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • CS-Market
  • Senior Member
  • Authorized Reseller
  • Join Date: 06-Mar 13
  • 596 posts

Posted 21 April 2015 - 12:30 PM #4

novista, the correct class name is visible-desktop


Thanks for correction of our misprint :-)

GET A FREE QUOTE  │  CS-Cart add-ons   │   CS-Cart custom development   │  CS-Cart design integration  │  CS-Cart license

Сертифицированный разработчик на CS-Cart Русская Версия. More than 5 years experience in CS-Cart development.


 
  • novista
  • Senior Member
  • Members
  • Join Date: 14-Jul 11
  • 199 posts

Posted 21 April 2015 - 02:15 PM #5

Thanks everyone.

 
  • CS-Market
  • Senior Member
  • Authorized Reseller
  • Join Date: 06-Mar 13
  • 596 posts

Posted 21 April 2015 - 02:28 PM #6

Thanks everyone.


You are welcome!

GET A FREE QUOTE  │  CS-Cart add-ons   │   CS-Cart custom development   │  CS-Cart design integration  │  CS-Cart license

Сертифицированный разработчик на CS-Cart Русская Версия. More than 5 years experience in CS-Cart development.


 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 17267 posts

Posted 21 April 2015 - 02:38 PM #7

We are glad to help you.

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • vanderex
  • Senior Member
  • Members
  • Join Date: 27-May 10
  • 384 posts

Posted 14 April 2018 - 12:14 PM #8

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


Get Cost Effective Content Delivery CDN
Unbeatable speed, stats, & price
MaxCDN Site Acceleration

 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 17267 posts

Posted 16 April 2018 - 05:42 AM #9

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

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.