Hide widget in responsive
I have (mis)used the imithemes spacer widget to make a vertical line in Page Builder to separate an events stack from a posts stack. It looks great on a desktop — but trust me, it doesn’t work on an iPhone. I don’t see any Page Builder widget for a vertical line (would love one!). So… I have heard there’s a way to add CSS so that an entry in Widget Styles>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, but doesn’t seem to be working. iPad Pro 13″ in landscape works like a desktop, vertical line right where I want it. In portrait mode, line disappears altogether. iPad Air line disappears in landscape, misbehaves totally in portrait. iPhone 6, it’s still there and misbehaving no matter which way you turn it.
Is there supposed to be some punctuation around the hidden-sm entry in Styles? I’m new at this, so forgive the ignorance.
P.S. – The world needs a “vertical line” widget!
You must be logged in to reply to this topic.