Unfortunately this is not working.
This is what I currently have in my Custom CSS box:
.sponsor-list .sponsor {
min-height: 225px;
}
.single-scholarship p.staff-meta {
display: inline-block;
margin-right: 5px;
}
@media only screen and (max-width: 1024px) {
#navigation {
height: auto;
}
#mobile-menu ul,
#nav-left ul.menu {
display: none;
}
#mobile-menu {
display: block;
}
select.tinynav {
border: none;
float: left;
border-radius: 0;
-webkit-appearance: none;
-webkit-background-clip: padding-box;
padding: 10px 20px;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
@media only screen and (min-width: 1024px) {
#home-widgets .sponsor-display h4.widget-title {
color: #fff;
background-color: #cc3a3f;
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.24)), to(rgba(0, 0, 0, 0)));
background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0) 100%);
}