Board Thread:Support Requests - Getting Technical/@comment-24883131-20140722115831/@comment-452-20140722145802

Sure!
 * Tutorials
 * http://css-tricks.com/css-media-queries/
 * http://www.htmldog.com/guides/css/advanced/mediaqueries/
 * http://webdesignerwall.com/tutorials/css3-media-queries
 * http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/
 * http://css-tricks.com/logic-in-media-queries/
 * http://www.emailonacid.com/blog/details/C13/emailology_media_queries_demystified_min-width_and_max-width


 * Reference
 * http://www.w3.org/TR/css3-mediaqueries/
 * https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

And here's some specific CSS from Thread:704789 @media (min-width:1024px) { .hideOver1024 { display:none; } } @media (max-width:1023px) { .hideUnder1023 { display:none; } } Using this, you would simply add class="hideUnder1023" to content you wanted to disappear at 1023px width and below. (I've kept the class names descriptive and the numbers matching to avoid confusion.)

You can change those numbers to whatever resolutions you like, of course.

BTW, this is how Wikia makes things change at low resolutions too.