Support » Plugin: Spectra - WordPress Gutenberg Blocks » Hide post-grid on mobile

  • Resolved AndreJoosse

    (@andrejoosse)


    I have the post-grid as a ‘related post’ block below my blog posts. (see link, beneath photos)

    I would like to hide this block on mobile. Is there a custom css that i can add to my theme or a custom class that i can add inside the block advanced additional css tab?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hey,

    Thank you for reaching us out.
    Yes, indeed you can do that. You need to add a custom class from Advanced tab in Post Grid and add the below-given CSS in theme’s custom CSS

    @media (max-width: 767px) {
        .uagb-post-grid.my-custom-class {
            display: none;
        }
    }

    And replace the my-custom-class with your specified class. This should work for you.

    Regards,
    Vrunda Kansara

    Thread Starter AndreJoosse

    (@andrejoosse)

    Thanks for the help Vrunda Kansara.

    No idea what you mean by my-custom-class, but it works perfect without it 🙂

    Super.

    Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hey @andrejoosse ,

    I am glad that worked for you.
    This CSS will be global for all Post Grids on your website. You can make it specific to that particular block by adding a class from here – https://share.getcloudapp.com/RBuXd08A

    And using the same class in the CSS. You can keep it as it is too if you want it global.
    I hope that helps.

    Regards,
    Vrunda Kansara

    Thread Starter AndreJoosse

    (@andrejoosse)

    Thanks for explaining, now i understand the use of custom css 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hide post-grid on mobile’ is closed to new replies.