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.