Module class suffix: making module appear only on mobile/phones.

NWLB01
Offline

Active Subscriptions:

None

9 years 1 month ago - 9 years 1 month ago #52034 by NWLB01

Module class suffix: making module appear only on mobile/phones. was created by NWLB01

On my project's site, I have the login module setup in sidebar1. I've used the suffix class tags below to make a menu appear only on mobile and wanted the desktop version of it appear to hide on mobile/phone sites. While the "visible-phone" tag works I am at a loss for a viable tag that will hide the module (or any other really) when not "phone" or mobile.

visible-phone
_menu hidden-mobile

The _menu hidden-mobile just doesn't seem to work, but it could be the time of night and otherwise. Not sure.

Last edit: 9 years 1 month ago by NWLB01.

The topic has been locked.

mel
Offline

Support Specialist

9 years 1 month ago #52043 by mel

Replied by mel on topic Module class suffix: making module appear only on mobile/phones.

Have you tried using the @media rules in your CSS? You can target different media sizes easily this way.

Here are the blocks in my .less file for sourcecoast.com to give you an idea of the sizes for different devices.

@media (min-width:1200px) {...}
@media (max-width:979px) {...} /* Up to small desktop */
@media (min-width:768px) and (max-width:979px) {...} /* Tablet to desktop */
@media (max-width:767px) {...} /* Landscape Phone to Tablet/Desktop */
@media (max-width:480px) {...} /* Up to Landscape Phone */

-Melissa

The topic has been locked.

NWLB01
Offline

Active Subscriptions:

None

9 years 1 month ago #52055 by NWLB01

Replied by NWLB01 on topic Module class suffix: making module appear only on mobile/phones.

Crossed wires while trouble shooting it seems. The standard suffixes work, the template on the site creates some quarks in the presentation.

That said, just noted another question while validating that discovery.

The topic has been locked.

mel
Offline

Support Specialist

9 years 1 month ago #52062 by mel

Replied by mel on topic Module class suffix: making module appear only on mobile/phones.

Glad you got it resolved.

-Melissa

The topic has been locked.

Start
Prev
1
Next
End

SourceCoast Login

Module class suffix: making module appear only on mobile/phones.