How to deactivate a slider or header on a mobile phone?

Hi there,

how was the slider added to your site ?

From the smart slider plugin. But there is nowhere to deactivate it for mobile devices, so I wonder if it can be done directly from the wordpress administration.

Did you add it inside the post editor? Or using a Block Element ?
Can i see the page ?

I added it directly to the editor. http://test.prostupy.cz/

Working with elements is giving me problems so far. By the way, isn't there a tutorial somewhere that explains this in a meaningful way?

OK, so GeneratePress comes with some responsive hide-on-* classes:

https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes

Select the Container Block that has the Slider insider and in Advanced > Additional CSS Class(es) add: hide-on-mobile

NOTE: this only hides the slider using CSS display: none;. It won't remove the HTML or other code that is loaded by the slider.

Which Element do you need more help with ? As most of our docs do have accompanying videos. Let me know.

Do you have any video - how to set up page hero for each page separately? I already found some, but it will probably be for an older version of the system.

Otherwise, thanks for the advice about css. I managed it.

So there is this doc and video:

https://docs.generatepress.com/article/block-element-page-hero/

Have you seen that ?

Thank you, it's done

Thank you, it's done

Glad to be of help!