Can I hide certain shortcode on mobile display
Hi all,
I have a footer widget with code below, my question is, is there a way that i can hide the [one_third] stuff when user open on mobile.
--------------------------------------------------------------------
[one_third][image src=".....png" border="0"][/one_third]
[one_third][image src=".....png" border="0"][/one_third]
[one_third][image src=".....png" border="0"][/one_third]
<div style="text-align: center;">
[divider height="10"]
[image src="" border="0"]
[divider height="25"]
<p style="font-size: 30px; line-height: 30px;">
<a href="#"><i class="icon-facebook-circled"></i></a>
<a href="#"><i class="icon-gplus-circled"></i></a>
<a href="#"><i class="icon-twitter-circled"></i></a>
<a href="#"><i class="icon-pinterest-circled"></i></a>
<a href="#"><i class="icon-linkedin-circled"></i></a>
</p>
</div>
---------------------------------------------------
Comments
And then use this css: