Home>Support>Hide widget in responsive?

Hide widget in responsive?

I have used a Hero Image widget to make a splashy page — but it’s too big for responsive (the text gets too small). I have heard there’s a way to add CSS so that an entry in Attributes>CSS Styles along the lines of “nodisplay-sm” or “hide-sm” will hide a widget when the page is viewed on a small screen. Did I dream this? I hope not, because I could really use it!

Thanks

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

  1. 8 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi Jhoughton1

    Sure, this can be done :)

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  2. 8 years, 4 months ago jhoughton1

    Thanks, Andrew. I figured it out. The theme I’m using isn’t bootstrap-based so some CSS had to go in before “hidden-sm” could work. All good, thanks for your willingness to help.

  3. 8 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Awesome :) Really glad to hear you made progress.

    All the best.

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