Hide post-grid on mobile

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

Thanks for the help Vrunda Kansara.

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

Super.

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

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