Recent
Categories
View Replies (6)

hidden-phone scarlet

  1. Issue
0
Votes
Undo
  1. Rayjak
    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;

}
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
Rayjak
Rayjak
Sherlock Holmes
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)
Cell-Phone-Screenshot_20170730-121425.png Cell-Phone-Screenshot_20170730-121425.png
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
Rayjak
Rayjak
Sherlock Holmes
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
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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!