Hide row


Is it possible to hide a specific row from a page (siteorigin PB) without deleting it. There are options to hide based on screen size so it should be possible through some css I imagine? Do I add a row class and then edit that in a custom css editor to hide it and then show it when i want to? If that’s the case how do you go about that?

Thanks in advance,

Hello Jakob,

Yes, it is possible to hide a specific row from a page without deleting it.

To do that, you have to inspect the element with browser inspector, locate proper selector, and use something like this CSS code:

your-selector {
    display: none;

Just replace your-selector with proper class or id.

If you want to hide element only on certain resolutions, then you have to use CSS Media Queries.

Kind Regards, Roman.

That worked great, thanks Roman!


You are welcome Jakob!

I’m glad that it worked :slight_smile:

Please feel free to ask any other questions that you might have in future.

Best Regards, Roman.