This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Prevent a row from showing n mobile devices

Resolved 2 replies pluginplugin-page-buildertechnical
jessicac
8 years ago · Last reply by jessicac 8 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.

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Alex S Staff 8 years, 6 months ago

    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. jessicac 8 years, 6 months ago

    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.

Have a different question or issue?

Start New Thread