Home>Support>Prevent a row from showing n mobile devices

Prevent a row from showing n mobile devices

By jessicac, 7 years ago. Last reply by jessicac, 7 years ago.

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

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 2 months ago Alex S
    Hi, I Work Here

    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.

  2. 7 years, 2 months ago jessicac

    Thanks, Alex, you guys are the best!! I just used the No Collapse, that worked out just fine.

    Thanks again!!

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More