I have added search module (Smart Search) to my header-r and I would like to hide it from there on a mobile devices. I tried to add some custom class but that doesn't work. Is there any way to show/hide modules based on the device used?
Hide module on mobile
Hi,
Try to add below CSS rules to the Edit Custom CSS modal in the template dashboard.
@media (max-width: 576px) {
.header-wrap .t4-header-r .mod-finder {
display: none;
}
}