1. escott100
  2. Commercial Templates
  3. Sunday, 29 March 2015
  4.  Subscribe via email
Hello
I am trying to show a menu on tablets and phones only with the Virtuoso Template.
I can make it work with all phones and android tablets.
But when I get it to show on a rotten apple product it also shows on the desktop version.
Is there something I am missing.
I am using "space"visible-tablet and "space"visible-phone for just phone.
Thanks in advance sorry if I am duplicating tried to search but did not see this exact problem.
Also is there a place to get a list of the module class suffix used in the templates?
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

May I suggest using the following instead...


hidden-desktop


By default there is no class suffixs included with the template. Following tutorial details how you can create your own... http://www.joomla51.com/tutorials/item/applying-custom-css-to-an-individual-module

Is there something in particular you wish to achieve?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hello thank you for the reply.
When i use hidden-desktop it hides the menu on the ipad tablet as well.
I am trying to show a menu on phones, android tablets, and ipads. Not on the desktop.
It seems when something does not show on the desktop it also does not show on an ipad, but will show on phones and android tablets.
An answer is not necessary at this point the client decided to go a different way with the mobile section.
It is just something I might encounter later. And curious if anyone had a work around for this. Was trying not to buy a mobile add on just for one menu to show on these devices.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

It appears Bootstrap 2.3 which Joomla uses is not entirely accurate with its screensizes on modern iPad. You could try creating your own hide class with something like the following custom CSS...


@media only screen and (min-width: 1024px) {
.hide-on-desktop {display:none;}
}


Where 1024px is the screen width cut off point (edit to taste).

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Cool thank you very much for the info. I will give that a try.
Keep up the good work on the templates. So easy to use!
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok