Hiding certain widgets depending on screen size?

  • Resolved cyrjm

    (@cyrjm)


    11 years, 2 months ago

    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)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

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

    Thread Starter cyrjm

    (@cyrjm)

    11 years, 2 months ago

    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…

    Michael

    (@alchymyth)

    11 years, 2 months ago

    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.

    Thread Starter cyrjm

    (@cyrjm)

    11 years, 2 months ago

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    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 .

    Thread Starter cyrjm

    (@cyrjm)

    11 years, 2 months ago

    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)

    11 years, 2 months ago

    tag to Jetpack made 🙂

    Emil

    esmi

    (@esmi)

    11 years, 2 months ago

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

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