Home › Forums › Support › Remove Hook on Mobile This topic has 6 replies, 2 voices, and was last updated 6 years, 9 months ago by Mary Pearson. Viewing 7 posts - 1 through 7 (of 7 total) Author Posts July 2, 2017 at 10:28 am #342940 Mary Pearson 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. July 2, 2017 at 10:36 am #342951 LeoStaff Customer Support 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. July 2, 2017 at 10:48 am #342956 Mary Pearson Where do I put them? July 2, 2017 at 12:09 pm #343000 LeoStaff Customer Support Use them as normal HTML classes: <div class="hide-on-mobile"> things here won't show on mobile </div> July 2, 2017 at 1:10 pm #343022 Mary Pearson Ahhh, sorry for my ignorance. Thank you so much Leo! July 2, 2017 at 1:23 pm #343031 LeoStaff Customer Support No problem! Those are super handy classes 🙂 July 2, 2017 at 1:48 pm #343045 Mary Pearson Yes indeed. I am making note of them. Author Posts Viewing 7 posts - 1 through 7 (of 7 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In