[Resolved] How to deactivate a slider or header on a mobile phone?

[Ondřej]

Hi,

I downloaded the Smart Slider plugin for rotating header images. However, I can’t find anywhere in the administration the setting to disable the display of this slider on mobile devices and tablets.

I can’t even find the option to disable the slider on mobile in the Smart slider plugin settings itself.

Can you please advise me?

Thx
O.

[David]

Hi there,

how was the slider added to your site ?

[Ondřej]

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.

[David]

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

[Ondřej]

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?

[David]

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.

[Ondřej]

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.

[Ondřej]

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

[David]

So there is this doc and video:

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

Have you seen that ?

[Ondřej]

Thank you, it’s done

[Ondřej]

Thank you, it’s done

[David]

Glad to be of help!

[Author]

Posts