Show/Hidden module on view desktop/mobile

coworkinvest1
Active member
Topic Author
Offline
New Member

1 month 2 weeks ago - 1 month 2 weeks ago #52076 by coworkinvest1

Show/Hidden module on view desktop/mobile was created by coworkinvest1

Hi, how can I hide a module on the view from dektop and make it appear only on the mobile view and also in reverse? Does the template include this function or should it be implemented?

I know you just put "hidden-desktop" or "hidden-mobile" in the module class suffix to get my purpose, but this doesn't seem to work..

Thank you

Last edit: 1 month 2 weeks ago by coworkinvest1.

Please Log in to join the conversation.

milos
Support Staff
Offline
Moderator

1 month 2 weeks ago #52079 by milos

Replied by milos on topic Show/Hidden module on view desktop/mobile

Hello,

If you want to use the classes "hidden-desktop" and "hidden-mobile", add this in the CSS file /media/templates/site/fintech/css/custom.css:

Code:

@media (max-width: 767px) {
  .hidden-mobile {
    display: none;
  }
}

@media (min-width: 768px) {
  .hidden-desktop {
    display: none;
  }
}

You can alter the values 767px and 768px to make the element hidden on the screens that are smaller than 767px or to make the element hidden on the screens that are larger than 768px.

Regards,
Milos

Please Log in to join the conversation.

Time to create page: 0.254 seconds