[Resolved] How to hide a section

[Jamie]

Hi! Is there any way to hide a section on a page? I don’t want it to show yet, but will do in the future, and don’t want to have to create it from scratch again when I need it as it has quite a bit of code on there.

Thanks!

[Leo]

Hi there,

Are you referring to GP’s Sections?
https://docs.generatepress.com/article/sections-overview/

Let me know 🙂

[Jamie]

Yes I am!

[Leo]

You could just add these three built in classes as custom classes:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes
https://docs.generatepress.com/article/sections-overview/#layout

Let me know 🙂

[Jamie]

Hi, where do I put this code? I put the following within the sections text box just to see if it hid on desktop and it didn’t work:

Content here will only display in Desktop

Each section doesn’t have it’s own area to add code, so how can you use it for one specific section?

Thanks

[Jamie]

<div class="hide-on-desktop">
    Content here will only display in Desktop
</div>

[Leo]

You don’t need to add any code at all. GP’s Sections allow you to add custom classes:
https://docs.generatepress.com/article/sections-overview/#layout

So simply copy hide-on-mobile hide-on-tablet hide-on-desktop and paste in there.

[Jamie]

Perfect, thanks for your help!

[Leo]

No problem 🙂

[Author]

Posts