StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Display specific widget for mobile views

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

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

This topic is: not resolved

Tagged: , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 20, 2012 at 12:24 am #799
    eightcrazy
    Member

    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?

    November 20, 2012 at 9:07 am #857
    Jen Baumann
    Participant

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

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Display specific widget for mobile views’ is closed to new replies.