FAQ |
Members List |
Calendar |
Search |
Today's Posts |
|
07-04-2018, 02:34 PM | #1 | ||
|
|||
Guest
|
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 |
||
Reply With Quote |
07-10-2018, 09:45 AM | #2 | |||
|
||||
Administrator
|
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" /> 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} |
|||
Reply With Quote |
07-11-2018, 12:51 PM | #3 | ||
|
|||
Guest
|
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 |
||
Reply With Quote |
Reply |
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
Thread Tools | |
Display Modes | |
|
|