• Resolved Oaz

    (@oaz)


    Hello,

    I cannot find how to hide a row block on mobile only. May you help ?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hello @oaz

    I’m honestly not sure what you’re speaking of here. Could you please get back to me with a full report? ??

    Thanks!

    Thread Starter Oaz

    (@oaz)

    You’re so fast, I am impressed !!

    Please have a look at this page : https://www.champdargileformation.fr/

    Underneath the orange block you have the share icons, and then a small ‘menu’ that links to different anchors on the page, the grey buttons.

    I’d like to hide this ‘menu’ on mobile only.

    Right now this a wp buttons blocks inside a wp row block, so I’d like to hide the row on mobile. I thought in the rightside panel there used to be a ‘responsiveness’ setting that enabled to choose where my block should display or not, but cannot see this possibility now. Should I code it ?

    Hi @oaz

    Ok, as far as I can see, you’re using the core Gutenberg blocks, which do not have responsive options available – meaning that you cannot use one of their options directly to hide it on a specific device.

    What would be recommended here to do is add a CSS class (since they have this function) and hide that on mobile via CSS.

    Would possibly look something like this –

    @media (max-width: 690px) {
        .class-name {
            display: none;
        }
    }

    Hope this helps!

    Thanks.

    Thread Starter Oaz

    (@oaz)

    All right, I must be confused with some blocks plugin I am using in other websites that has the easy responsive options. I thought it came with Blocksy for all blocks (or maybe premium blocky which I use on some webistes ?)
    I’ll do it with CSS then, thanks for your fast advice.
    And by the way, I love your theme, won’t work with others since I tried it ! Great tool, thanks !

    Hi @oaz

    Ah, the theme has nothing to do with what options are available inside the core and plugin-provided Gutenberg blocks. These are strictly controlled by the provider – in this case, WordPress itself.

    What you have most likely seen is the Stackable plugin that we recommended with our starter sites. That one has these options built right in.

    Hope this clears things up!

    Thanks.

    Thread Starter Oaz

    (@oaz)

    I hardly use stackable, I know you recommend it, used on some website first time I worked with Blocksy, but I did not like it much…

    Anyhow nevermind, I’ll use CSS.

    Thanks lot for your help and advice and have a nice day

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Hide a row on mobile only’ is closed to new replies.