Welcome, Guest
Username: Password: Remember me

TOPIC: [SOLVED] Display Module - Mobile Only

Display Module - Mobile Only 4 years 5 months ago #1

  • czm2000
  • czm2000's Avatar
Hi there,

I'm trying to display a module only when the site is viewed on a mobile device. I've tried adding the bootstrap module class suffix in the advanced tab and nothing happens. I've tried everything from visible-phone to visible-xs and visible-sm to hidden-desktop and nothing will work. What am I doing wrong?

Thanks for your help.
The administrator has disabled public write access.

Display Module - Mobile Only 4 years 5 months ago #2

  • czm2000
  • czm2000's Avatar
Anybody? Any help is greatly appreciated.

Thanks for your time.
The administrator has disabled public write access.

Display Module - Mobile Only 4 years 5 months ago #3

  • joomlaplates
  • joomlaplates's Avatar
  • Online
The Fashion Template is not using the "bad" blowed up bootstrap.

You can handle the media queries in an easy way.
Add this code to your file > css/custom.css
.visible-phone {
  display: none !important;
}
 
.visible-tablet {
  display: none !important;
}
 
.hidden-desktop {
  display: none !important;
}
 
.visible-desktop {
  display: inherit !important;
}
 
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
 
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
And now you have the choice to show the module in desktop only or in mobiles devices and so on.
Therefore add a module class suffix to the module like this:
Module Class Suffix = hidden-desktop
The administrator has disabled public write access.

Display Module - Mobile Only 4 years 5 months ago #4

  • czm2000
  • czm2000's Avatar
Awesome! Thank you so much.
The administrator has disabled public write access.

[SOLVED] Display Module - Mobile Only 4 years 5 months ago #5

  • joomlaplates
  • joomlaplates's Avatar
  • Online
Problem solved.
The administrator has disabled public write access.

Display Module - Mobile Only 4 years 5 months ago #6

  • czm2000
  • czm2000's Avatar
I just tried it and it's not working. I inserted the code you gave me in the custom css area and saved it (first screen shot)



I then went to the module and added hidden-desktop to the module class suffix (second screen shot)



But the phone number still shows on the desktop version of the site (third screen shot) and it should be hidden, correct?



What else can I try?

Thanks for your help,

-Chris
The administrator has disabled public write access.

Display Module - Mobile Only 4 years 5 months ago #7

  • czm2000
  • czm2000's Avatar
Please see above post, as that didn't work. Any additional help is greatly appreciated.

Thanks
The administrator has disabled public write access.

Display Module - Mobile Only 4 years 5 months ago #8

  • joomlaplates
  • joomlaplates's Avatar
  • Online
Live Url please to check the code!
The administrator has disabled public write access.

Display Module - Mobile Only 4 years 5 months ago #9

  • czm2000
  • czm2000's Avatar
******dental.com

Thanks
The administrator has disabled public write access.

Display Module - Mobile Only 4 years 5 months ago #10

  • joomlaplates
  • joomlaplates's Avatar
  • Online
I have no access, because we are living in Germany!

The administrator has disabled public write access.

Display Module - Mobile Only 4 years 5 months ago #11

  • czm2000
  • czm2000's Avatar
Woops. I'm sorry about that. We were getting tons of hacker attempts from all over the world. It was just easier to block everyone who wasn't located in the US.

I've unblocked Germany. Please try again if you could.

Thanks for your help.
The administrator has disabled public write access.

Display Module - Mobile Only 4 years 5 months ago #12

  • czm2000
  • czm2000's Avatar
It's been almost 6 days since I apologized and unlocked Germany so you could help. When will you be able to look at why it's not working for me?

Thanks for your help.
The administrator has disabled public write access.

Display Module - Mobile Only 4 years 5 months ago #13

  • joomlaplates
  • joomlaplates's Avatar
  • Online
Hi again, ok now it works and I can see your website.
But I could not see any issue, did you fixed it?
The administrator has disabled public write access.

Display Module - Mobile Only 4 years 5 months ago #14

  • czm2000
  • czm2000's Avatar
No, not fixed yet. I was waiting for you to take a look to make sure you didn't see anything wrong. I added a test module. I had it disabled but I re-enabled it. You'll see a phone number on (or around) the guys forehead. I have that set to hidden-desktop. Please reference post #6 to see that I have everything setup correctly and it's still showing on desktop. The odd thing is it disappears in mobile view. But then again, so does most of the stuff in the header so that may be related to the functionality of the template?

Can you please take a look as soon as possible (not wait days). I know how busy you must be, but I can't leave that phone number overlapping his forehead too long since it looks bad. Thanks for understanding and for your help.
The administrator has disabled public write access.

Display Module - Mobile Only 4 years 5 months ago #15

  • joomlaplates
  • joomlaplates's Avatar
  • Online
Hi there, ok now I see the issue.
Please take a "space" before you add the module class suffix: [space]hidden-desktop
The administrator has disabled public write access.

Display Module - Mobile Only 4 years 5 months ago #16

  • czm2000
  • czm2000's Avatar
That did it! Thanks so much :-)
The administrator has disabled public write access.
Moderators: joomlaplates

Einzelnes Theme ( Download 1 Template)

Das sog. "Einzelne Theme" ist für alle Kunden geeignet die lediglich ein (1) Template benötigen, egal ob kommerziell oder privat genutzt. Sie dürfen das erworbene Template auf einer Joomla Installation produktiv nutzen.


Mitgliedschaft ( Download alle Templates)

Während ihrer Mitgliedschaft ist es ihnen erlaubt alle Templates herunter zu laden und unseren Bestimmungen entsprechend zu nutzen. Nach Ablauf der Mitgliedschaft dürfen sie natürlich alle bereits in Nutzung befindlichen Templates weiter einsetzen. Sie haben jedoch nach Ende ihrer Mitgliedschaft keinen Zugriff mehr auf den Download Bereich und keinen Zugriff mehr auf Updates.

Die Zahlung ist einmalig und ihr Membership läuft automatisch aus, sofern sie es nicht erneuern.

Unsere Mitgliedschaften bieten wir ausschließlich über JoomlaPlates.com an.

Jetzt kaufen