Home>Support>Hiding SiteOrigin Image Widget in mobile

Hiding SiteOrigin Image Widget in mobile

By Thomas Lemström, 8 years ago. Last reply by Thomas Lemström, 8 years ago.

My intention is to hide a SiteOrigin Image Widget on mobile (i.e. narrow) displays. I’m using a theme called ‘Sydney’ by aThemes.

I’m trying to achieve this vie SiteOrigin Image widget >> Widget Styles >> Attributes.

There I’ve entered:
– ‘narrow’ as the Widget Class (without the inverted commas) and
– the following CSS Styles

margin-top: 2em;
@media (max-width: 400px) { .narrow { display: none; } }

However, the Image keeps showing up regardless of how narrow the screen is. What am I doing wrong?

Thank you!

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, 6 months ago Alex S
    Hi, I Work Here

    Hi Thomas,

    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, 5 months ago Private Message - Thomas Lemström

    This is a private message.

  3. 8 years, 5 months ago Alex S
    Hi, I Work Here

    Hi Thomas,

    Hm. Okay I see the issue. The issue is that you put the CSS into the styling field. That field applies the CSS specifically to where you put it – it acts as a container. In other words, it doesn’t accept selectors. I recommend installing SiteOrigin CSS Editor which will allow you to add CSS, like this, effortlessly.

  4. 8 years, 5 months ago Thomas Lemström

    Yes, it works. Thank you, very much!

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