1. Rayjak
  2. Sherlock Holmes
  3. Commercial Templates
  4. Saturday, 29 July 2017
  5.  Subscribe via email
Hello,

I am having difficulty again hiding a module position on phone: hidden-phone
Template: Scarlet
Module Position top-1a
content: BBB Accredited Business image & script
Template: default

I added the following but it does no good:

@media (max-width: 720px) {

.hidden-phone {

display: none !important;

}
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

You appear to be missing a closing bracket in your CSS. This should be...

@media (max-width: 720px) {
.hidden-phone {
display: none !important;
}
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciarán,

Sorry, my mistake - but it still does not affect the situation. hidden-phone still not working. Cell-Phone-Screenshot_20170730-121425.png
Attachments (1)
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you for your email.

As your extension is using javescript to move the badge from the top-1# module position it seems to be losing the hidden-phone class in the process. An alternative solution to hiding your badge on mobile is to add the following to the Custom CSS field of your templates parameters...

@media (max-width: 720px) {
#bbb-badge-img {
display: none;
} }


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
HelloCiarán,
1) I have unpublished the script. hidden-phone does not work in header-1 and header-2 positions. I am using 2 templates: Style 1 and Open Season.

I have the following in both:
@media (max-width: 720px) {
.hidden-phone {
display: none !important;
}
}

hidden-phone does work in module position contentbotton-a as can be seen on the Awards page with the truck moving in from the right. It is hidden on the phone.

Thanks for your assistance.
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

The hidden-phone class should be now working correctly in your header-# modules.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • 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.