Responsive Theme: Hide Certain Blocks On Mobile View

Would be great if you would hide certain blocks when viewing your website from a mobile device. I have a block that I use which popups up a chat and on a mobile device the chat bottom takes up 50% of the screen! :) I would love a way to disable chat all together on mobile devices and see this as a possibility by blocking the html block with the java script for the chat code.

Can't you use a user class in the block and then have it hidden if the width is below your parameters?

so I created a css class called "hidden-block" and added the following to custom css.


@media screen and (min-width:768px) {

  .hidden-block {display:none}



Being that an iphone4s screen is like 230px, this should be gone, correct?Â


It would also be great to hide the banners on the frontpage on the responsive themes for mobile phones. The banners looks bad on phones - especially when they have text inside.

Anyone know how that can be done?

It seems EcomLabs developed what you need. Please, take a look: Addon: Additional Block Settings - Third-Party Add-ons - CS-Cart Community Forums

Thank you, Cart-Power. I lost this topic

@all, our new module allows to hide certain blocks on mobile, tablet and desktop view.

If you have any questions, we will be glad to answer on them.