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" /> 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, |
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 :) |
All times are GMT. The time now is 05:46 AM. |
Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2024, vBulletin Solutions Inc.