Showing slider featured title and content on responsive screen sizes

Hi. I wanted to include the post title and content (when it would fit) on mobile screen sizes. Attitude automatically hides .featured-title and .featured-content on screen sizes smaller than 1078px.

So, I wrote a little override CSS (just add to the custom CSS box) which I thought I’d share:

@media only screen and (max-width: 1078px) {
.featured-title, .featured-content {
		display: block !important;
	}
}
@media only screen and (max-width: 767px) {
         .featured-content {
		display: none !important;
	}
       .featured-title{
                font-size: 16px !important;
               max-width: none !important;
       }
}
@media only screen and (max-width: 479px) {
       .featured-title{
                margin-bottom: -20px !important;
               padding: 0px 10px !important;
       }
}

Pretty straight forward stuff, perhaps it may save someone else a few minutes. 🙂

I’m using it with Attitude 1.1.8 and WP 3.5.1.

– Jonathan