Hidden-Phone


Author Message
Kaatt

Posted: 6/1/2016
Quote message 

I know it's appeared a couple times on this forum but no option that I found has worked for me.

Is there a sure way to hide modules from mobile/tablets that will work with an Artisteer template?
 
Ian Shere

Posted: 6/18/2016
Quote message 

Drop this code into the custom CSS in Artisteer before exporting:

.responsive-phone .hidden-phone
{
display:none!important;
}

.hidden-desktop
{
display:none;
}

.responsive .hidden-desktop
{
display:block!important;
}

.responsive-phone .hidden-phone
{
display:none!important;
}

.hidden-desktop
{
display:none;
}

.responsive .hidden-desktop
{
display:block!important;
}

.responsive-tablet .hidden-tablet
{
display:none!important;
}

Then, in Joomla, in the Module Suffix class, add which ever you want (can be 1 or 2 of the following):

hidden-phone
hidden-tablet
hidden-desktop.

NOTE: THERE IS A SPACE BEFORE ALL THOSE CLASSES.