WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Hiding certain widgets depending on screen size?

[Resolved] Hiding certain widgets depending on screen size?

  • Hey guys…on my site I have three widgets below the slider. They are all JetPack image widgets and two of the images link to pages while the middle widget just includes a graphic element. You can see it here:

    Wasatch Adventure Guides

    This site is responsive and when it’s viewed on a mobile phone it just stacks all three widgets. The two “badges” that link to other pages are fine, but the arrows just make it look like junk.

    Is there a way I can remove that middle widget if the screen is below a certain size? Or, just remove all 3 of them for mobile devices?

    Cheers,
    JC

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    You can ask the guys who made that theme http://okaythemes.com .

    I know who made the theme but the reason why I’m asking this question is because I do not believe it is theme dependent. This is something I may want to do in the future…

    Moderator Michael

    @alchymyth

    Forum Moderator

    this is not even specific to WordPress but rather more a general css question (and does for that reason not really belong into this forum).

    if the image/widget has a unique css id or class, you can target it within a @media query;

    example:

    @media (max-width: 800px) {
       .widget.middle { display: none; }
    }

    use any of the possibly existing media queries of your theme.

    Was not sure if widget areas can be controlled with CSS so my apologies. I get the whole premium theme deal, I really do and I purchase A LOT of themes and get stellar support. So Andrew’s response was really a waste of my time and his time. Alchymyth, thank you for taking the time to respond…I will give that a shot and see if I have any luck.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    If time is important, although I can’t see how a response one minute after your post was time-wasteful, you can hire someone at http://jobs.wordpress.net .

    Not the point man..I’m here to learn. I’m here to figure stuff out and this is something I was unsure of how to fix. There’s a lot of snarky-ness on these forums when there should not be. You either have something to offer or you don’t comment at all. [comment moderated] You think I don’t know who built the theme? Of course I do, I paid for it and I get a certain level of support from them. This issue involves a plugin that is developed by WordPress so I thought it was a relevant post.

    Emil Uzelac

    @emiluzelac

    Theme Review Admin

    tag to Jetpack made 🙂

    Emil

    esmi

    @esmi

    Forum Moderator

    I strongly recommend that you review the forum’s rules before posting further.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Hiding certain widgets depending on screen size?’ is closed to new replies.