Archived topic

Button Visibility In Mobile

3 replies · Started by Martin on January 31, 2023

Viewing posts 1–4 of 4

January 31, 2023 at 1:39 pm #2516256

Hello!

I have a header (see private area please) built with an Block Element hooked to "header". There I have a Container wrapped by three Grids which contain in order: logo, nothing, "About Us" button in the right grid.

That button should not be visible in Mobile. Only in desktop mode.

I have not found the possibility to turn a visibility setting to exclude mobile. There is a conditional mode, but none of those conditions exclude mobile.

Please help me, thank you, Martin

January 31, 2023 at 3:29 pm #2516373

Hi Martin,

That button should not be visible in Mobile. Only in desktop mode.

You can add a GP built-in CSS class to the buttons block: hide-on-mobile.

Add CSS class to block: https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/

For more info: https://docs.generatepress.com/article/responsive-display/

February 4, 2023 at 12:12 pm #2521486

Thank you. It works perfectly adding the class inside the button block.

February 4, 2023 at 4:13 pm #2521607

Glad to hear that :)

This archived topic is closed to new replies.

Start building better websites today.