vb3 Responsive Forums - How to show code/img to mobile only ?

vb3 Responsive Forums (https://www.sultantheme.com/forum/index.php)

- FAQs Forum (https://www.sultantheme.com/forum/forumdisplay.php?f=6)

- - How to show code/img to mobile only ? (https://www.sultantheme.com/forum/showthread.php?t=174)

How to show code/img to mobile only ?

Hello,

I am looking for code or class to put some content like text/imge to show only for mobile users and responsive ?

Reverse of this one
class="hideonmobile"

to be something like this
class="showonmobile"

Thank you

Hi Brother,

I think a better way to do this if meant to used in the postbit is to use custom BBCODE.
First we need to define the custom bbcode.
Step 1:
Go to--->ACP--->Custom BB Codes--->Add new BBcode.
Title: BBcode Image display in mobile only
BB Code Tag Name: IMGmobile
Replacement:

Code:

<img class="imgshowonmobile" src="{param}" border="0" />

Example: [IMGmobile]You Image link[/IMGmobile]
Description: Image display on mobile only.
Use {option}: No

Click SAVE BBcode.

Step 2:
Go to--->ACP--->Styles & Templates--->Style Manager--->You Styles--->Main CSS--->Additional CSS Definitions
add this Code on the bottom of the window last

HTML Code:

html.range_0 .imgshowonmobile,

html.range_1 .imgshowonmobile,

html.range_2 .imgshowonmobile,

html.range_3 .imgshowonmobile{display:block}

html.range_4 .imgshowonmobile,

html.range_5 .imgshowonmobile{display:none}

Thank you pro but I need to use it for banners on every page not only postbit

I will keep the tag code for future use thank you :)