Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I have 3 rows that have several logos in each when the site is viewed on mobile devices the logos stack up on top of each other and doesn’t look good, is there a way to prevent these rows from showing up on mobile devices.
I’m using WordPress 4.8
Page Builder 2.5.9
Site Origin Image
Hi Jessica,
You can do this with some custom CSS and a widget class. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. ADd the following CSS:
@media (max-width: 600px){ .mobile-hide { display: none !important; } }You might also need to install the SiteOrigin CSS Editor.
Please open the row/widget you wish to hide and head over to the row/widget styles sidebar. Open the Attributes settings group and set the row/widget class to mobile-hide and then save. How does that look?
It should be noted that you can actually prevent this collapse by opening a row and heading over to the row styles sidebar. Open the Layout settings group and set Collapse Beavhour to No Collapse.
Thanks, Alex, you guys are the best!! I just used the No Collapse, that worked out just fine.
Thanks again!!