Support » Plugin: Widgets on Pages » CSS Targeting

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author toddhalfpenny

    (@toddhalfpenny)

    Hey there, do you have a link I can take a look at?

    Ta,
    Todd

    Sure thing. http://www.erdagardens.org

    Thanks!

    Plugin Author toddhalfpenny

    (@toddhalfpenny)

    Had a look but not sure what you mean by iphone space?

    If though you want to target an individual Widgets on Pages sidebar you could do something like this;

    .widgets_on_page#Home_1 {
    display: none;
    }

    Sorry, I don’t know how I thought that was descriptive. 🙂

    By iPhone space, I mean the 480px max-width space.

    This is specifically what I’m doing, and when I reduce my browser window to an iPhone-ish width, the widget stays:

    @media only screen and (max-width: 767px) {
      .widgets_on_page#home_5 { display: none; }
    }

    Seems to me at a max-width of 767 it should be long-disappeared by the time the browser window gets that thin.

    And thanks! It’d be a delight to get that front page a little cleaner in the mobile space.

    Plugin Author toddhalfpenny

    (@toddhalfpenny)

    Hey again,

    I have added this to the base of you style-mobile.css and it does what you want I think;

    @media only screen and (max-width: 767px) {
      .widgets_on_page#Home_5 { display:none;}
    }

    Looks like you weren’t using the correct case for Home_5 ID.

    Ta,
    Todd

    Crazy. I didn’t realize it was case-sensitive. Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS Targeting’ is closed to new replies.