Hide images on mobile devices in a Joomla article.

Question

Hello,

Can someone please tell me how to hide images on mobile devices in a Joomla article.

Many Thanks,

Josh.

Answer 1

Hi,

Please use the following Custom Css at TemplateToaster -> General  -> Editor -> CSS.

@media only screen
and (min-width : 150px)
and (max-width : 767px) 
{
.ttr_article .postcontent img{
  display: none;
}

 

Comments

Hello Lisa,

Thank you for your quick response. I just tried this and it still does not work. I replaced the existing CSS. Is that correct? Also, I can't reply to your pm with text for some strange reason. Do you have an email address?

Thanks,
Josh.

---

Thanks, I've managed to get this working. What about for tablet devices?

Regards,
Josh.

---

Currently TemplateToaster provide optiont o enable/disable joomla post image for desktop view. To hide that for mobile view please use the following Custom Css at TemplateToaster -> General  -> Editor -> CSS.

@media only screen
and (min-width : 150px)
and (max-width : 767px)
{
.ttr_article .postcontent img
{
  display: none;
}
}

Answer 2

Is it possible to hide the main website heading on a mobile device, but show it when people are viewing the website on a desktop? on ShowBox Mobdro Vidmate too, I've got quite a big header image on my homepage, however you can hardly see on a mobile so it's not really worth having it.