Hide a row on mobile
Hello guys,
I would like to hide a row (with fixed image background) on mobile and tablet image.
For example, I want to hide the trees picture on mobile :
How to fix it ?
Thanks
Thomas
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
2Hi 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.
Thank you so much ! Merci beaucoup ! It works \o/
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.