Hide a row on mobile

Hi Thomas,

This is possible with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Please add the following CSS:.

@media (min-width: 601px){
	.mobile-show {
		display: none !important;
	}
}

@media (max-width: 600px){
	.mobile-hide {
		display: none !important; 
	}
}

You might also need to install the SiteOrigin CSS Editor.

Now to hide a row/widget, simply open them and head over to the row/widget styles sidebar. Open the Attributes settings group and set the Row/Widget Class to either mobile-show if you want to only show that row/widget on mobile or mobile-hide if you want to hide that row/widget on mobile.