Hey there, do you have a link I can take a look at?
Ta,
Todd
Thread Starter
Adam
(@gourmetbooks)
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;
}
Thread Starter
Adam
(@gourmetbooks)
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.
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
Thread Starter
Adam
(@gourmetbooks)
Crazy. I didn’t realize it was case-sensitive. Thanks!