Display and hide widgets based on screen size

Community Forums Forums Design Tips and Tricks Display and hide widgets based on screen size

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  gduck24 1 year, 9 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #956

    gduck24
    Participant

    I have a responsive design on my website. I really like it for all the pages except for the front page. I have a “special recent posts” widget that is hidden on screens over 600px wide. I want this widget to show up on smaller screens. I have figured out how to hide the widgets I dont want to see on the small screens but cannot make this one widget that is hidden on big screens show back up on the smaller screens. Can someone help me with this? I want to keep the responsive on all pages and do not want to make a separate mobile site. I just need this one widget to be visible on small screens.  www.makemodhack.com

     

    #984

    SoZo
    Moderator
    Post count: 1573

    How are you hiding it on larger screens?


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #992

    gduck24
    Participant

    #wdg_specialrecentpostsfree-4 {
    display: none;
    }

     

    #993

    gduck24
    Participant

    just in the regular css parts.  Not in with any screen size css.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.