Hello

Thank you for bringing this issue to our attention. Updating your template to the latest download should resolve this issue for you. For details on updating your template may I suggest the following article.. https://joomla51.com/tutorials/joomla-basics/updating-your-joomla-template

If the issue persists after updating, 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.

Ciaran

Hello thank you.

After Update the "hidden-phone" is working but "hidden-desktop"is not!

Hello

Strangely we are unable to replicate this issue. Would you have a URL to an example of the element you are adding the hidden-desktop class too?

Ciaran

Hello,

so, pleas look at my Site https://www.rostschutzbehandlung.de/. At the top of the site you se in the header-3 position double. the left has the class hidden-desktop but it not works.

right side has the class hidden-phone and but this works!

https://www.rostschutzbehandlung.de/administrator/index.php

admin: removed
pass: removed

Thank you

I am unable to locate the corresponding CSS to the template update in your site source. 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.

Alternatively, you can try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> 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;}

}

Ciaran