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.

Replies

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

    Hi Roger,

    You can do this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. 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, please open a widget you would like to hide on mobile and head over to the widget styles sidebar. Open the Attribute settings group and set the Widget CLass to mobile-hide and then save.

    To do the opposite (hide on desktop, show on mobile), set the widget class to mobile-show.

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