Hide row on mobile

Hi,

I’ve tried adding this to the css style sheet of my theme

@media (max-width: 680px) {
    .no-mobile {
        display: none;
    }
}

and then written

no-mobile

as a row class for the row I want to hide on mobile devices, but it’s not working.

I’m building a new version of my site with SiteOrigin Page Builder, but it’s not live yet, so I don’t know how to show it to you. Perhaps you have some advice to give anyway?