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

Hello Ciarán,

Sorry, my mistake - but it still does not affect the situation. hidden-phone still not working.

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

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

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.

Thank you

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

Ciarán