Home>Support>Responsive layout
  1. 10 years, 3 days ago Andrew Misplon
    Hi, I Work Here

    Hi Dave

    Unfortunately not from within theme options. You can hide elements using Custom CSS.

    Here is our Custom CSS tutorial: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/

    This is what a media query looks like:

    @media screen and (max-width: 960px) {}

    You can adjust the breakpoint and add selectors into the media query as required. For example to hide say the header widget area under 960px would look as follows:

    @media screen and (max-width: 960px) {	header#masthead hgroup #header-sidebar {	display: none;	}}

    Ref: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

  2. 9 years, 11 months ago DogCare

    A suggestion for an update would be a checkbox option in page builder to turn off/restrict widgets for mobile devices. Pretty please?

  3. 9 years, 9 months ago bill.hochsprung

    This is a PERFECT suggestion and second the idea of it being in the list of additions to your already great product. Would make it fantastically easy to really fine tune a responsive site. Please count my vote for this to be included in the future. Couldn’t get here soon enough.

    Bill

    • 9 years, 9 months ago Andrew Misplon
      Hi, I Work Here

      Thanks for your additional feedback here Bill. Appreciate it. Perhaps something we can work into Page Builder down the line.

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