Display specific widget for mobile views

Community Forums Forums Design Tips and Tricks Display specific widget for mobile views

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Jen Baumann 2 years ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #799

    eightcrazy
    Participant
    Post count: 9

    I’ve added a .home-5 widget.  I only want it to display when the mobile view is less than 780px.  And I don’t want .home-1, .home-2, .home-3 and .home-4 to display when .home-5 does.

    I’m trying to have more control over the mobile experience.

    I am using the outreach theme

    the site is  http://mnohara.org/wordpress/

    I’ve done the following:

    @media only screen and (max-width: 1200px) {
    .home-5 {
    display: none;
    }
    }
    @media only screen and (max-width: 770px) {
    .home-1,
    .home-2,
    .home-3,
    .home-4 {
    display: none;
    }
    .home-5 {
    display: block;
    float: left;
    text-align: center;
    width: 100%;
    }
    }

    What am I doing wrong?

    • This topic was modified 2 years ago by  Jen Baumann. Reason: moved code tags to html view, made link clickable
    • This topic was modified 2 years ago by  Jen Baumann.
    • This topic was modified 2 years ago by  Jen Baumann.
    • This topic was modified 2 years ago by  Jen Baumann. Reason: moved code tags to html view, made link clickable
    • This topic was modified 2 years ago by  Jen Baumann.
    • This topic was modified 2 years ago by  Jen Baumann.
    #857

    Jen Baumann
    Keymaster
    Post count: 444

    I don’t see a home-5 in the source code, but I do see home 1-4 disappear when making the window narrower.


    If you need technical support for your theme please file a ticket.

    The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.

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

The topic ‘Display specific widget for mobile views’ is closed to new replies.