Archived topic
Remove Hook on Mobile
6 replies · Started by Mary Pearson on July 2, 2017
On my site at https://christiangays.com/ I have a "fish" banner after header content with the following code
wp_head
<link rel="stylesheet" href="https://christiangays.com/mary-content/themes/generatepress_child/css/fish.css" type="text/css" media='all' />
After Header Content
<p><br /><canvas id="myCanvas" width="1100" height="200"></canvas><br /><br /><br /><br /><br /><br /></p>
wp_footer
<script type="text/javascript" src="https://christiangays.com/mary-content/themes/generatepress_child/js/fish.js"></script>
What do I have to do to make this NOT appear on mobile screens?
Do I add and @media tag in Custom CSS? Can you please give instructions.
Thank you.
Hi there,
Try using these built in classes: hide-on-mobile hide-on-tablet hide-on-desktop
Let me know if you need more info.
Where do I put them?
Use them as normal HTML classes:
<div class="hide-on-mobile">
things here won't show on mobile
</div>Ahhh, sorry for my ignorance. Thank you so much Leo!
No problem! Those are super handy classes :)
Yes indeed. I am making note of them.
