[Resolved] Hide ‘Hook’ on Mobile Device?

[Andy]

Hi there,

I have added a hook called ‘advertorial,’

I’d like to hide it on mobile device only (but keep showing on desktop view).

How can I achieve this?

Please see private information for link

Thank you

[Leo]

Hi there,

You can use the built-in hide-on classes:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes

Let me know if this helps 🙂

[Andy]

Hi Leo,

I didn’t know you can do that with elements. Where do I add the hide-on class for my hook? Thanks

[Leo]

Is it a block element hook or a hook element?

[Andy]

A hook element. Does it need to be a block element? Thanks

[Leo]

No.

What are you adding?

Can you provide the content here?

Make sure to highlight it and click the CODE button.

[Andy]

Hey Leo, please check out my screenshot in private info

[David]

Hi there,

you can edit your HTML to include the classes eg.

<div class="hide-on-mobile">
 Add your content in here
</div>

[Andy]

Thank you!

[David]

You’re welcome

[Author]

Posts