How to hide all flash from showing on mobile?

How do I hide all flash from showing up on mobile devices, but they would still show up on desktops? There is already member and guest options for each block, is there a way to add a mobile option?

Edit splash code and add bx-phone-hide class:

<div class="bx-splash bx-def-round-corners bx-phone-hide" ...

I'm not trying to hide the splash. I am trying to hide the flash. 

I don't want people to see the chat, video comments, etc, if they can't use them. How do I hide all flash from mobile devices and tablets?

Sorry, I misread your sentence...

So could I put bx-phone-hide into the flash modules anywhere to make this happen?

Hi mayzfieldtv. In reading this thread, I tested the Chat and Board on an iPad, and yes you're right, it doesn't display anything since Apple devices don't allow flash.

I then tested on an Android tablet using Firefox, same thing doesn't display anything.

Not something I realised and it poses a real problem since it means these modules need to be removed/not available for mobile devices, only available for Desktop users with Flash supported in browsers (or remove it altogether since Flash is "universally" frowned upon these days).

It's a shame there's no readily available replacements for Dolphin.

I'd be interested in the result of this thread.

You can try to hide all flash content on mobile phone screens by modifying the following line (~284) in flash/modules/global/inc/content.inc.php file:

<div id="<?=$sDivId?>" <?=$sDivName . $sDivStyle?> class="bx-phone-hide"><div id="<?=$sInnerDivId?>"></div></div>

Hi Alex. I've implemented this and clear cache etc still showed the "chat" option with blank area on mobile.

I'll test more tomorrow, but what is the expected result of the change below?

<div id="<?=$sDivId?>" <?=$sDivName . $sDivStyle?> class="bx-phone-hide"><div id="<?=$sInnerDivId?>"></div></div>

It should hide the flash content only, it will not remove any links or flash blocks.

Also make sure that you have the following code in templates/base/css/common_phone.css file:

@media (max-width:720px) {
    
    .bx-phone-hide { 
        display: none;
    }

    ...

Hi Alex. I've checked and verified common_phone.css with that entry.

In regards to the hiding the flash content, when I tested on the mobile phone I actually see no difference before or after the change.

I'm not sure what the original poster was seeing when he first requested this, but ideally what I would envisage is for some content to be shown which says "this is flash content and won't display on portable devices".

At the moment, I just see:

http://prntscr.com/9m8jle

which is all I saw without making any changes to content.inc.php

@media (max-width:720px) {
    
    .bx-phone-hide { 
        display: none;
    }

    ...

Actually it will look pretty the same with the fix enabled...