[Resolved] Remove Hook on Mobile

Home Forums Support [Resolved] Remove Hook on Mobile

Home Forums Support Remove Hook on Mobile

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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&#8221; 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&gt;

    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.

    #342951
    Leo
    Staff
    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.

    #342956
    Mary Pearson

    Where do I put them?

    #343000
    Leo
    Staff
    Customer Support

    Use them as normal HTML classes:

    <div class="hide-on-mobile">
        things here won't show on mobile
    </div>
    #343022
    Mary Pearson

    Ahhh, sorry for my ignorance. Thank you so much Leo!

    #343031
    Leo
    Staff
    Customer Support

    No problem! Those are super handy classes 🙂

    #343045
    Mary Pearson

    Yes indeed. I am making note of them.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.