hi there.
i have a footer widget containing a bunch of sponsor links on my site. it’s formatted really bascially, e.g. just a text widget containing some html of the sponsor images & links.
the sponsors are fine when viewed on a computer/laptop, but i don’t want them appearing on smaller media screens because as the sponsor icons end up piling up & crowding each other out. (i’m testing on an iphone screen.)
can someone please help me hide this widget on smaller media screens? i just need to hide this widget on smart phones; larger tablets are probably ok.
so i tried this code but it didn’t work:
@media screen and (max-width: 760px) {
#sidebar-footer-wide {
display: none;
}
}
@media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5) {
#sidebar-footer-wide {
display: none;
}
}
would appreciate any help.
thanks!