Forums

Making blocks disappear on smaller screens

Permalink
Hi there,

I've started to learn more css and to work with responsiveness using bootstrap. I'd like to know how I can let certain blocks disappear, or show other content, when my website is viewed on screens smaller than 767px for instance.
 
nebuleu replied on at Permalink Reply
nebuleu
Have a look on the Responsive utilities in the bootstrap doc :
http://getbootstrap.com/css/#responsive-utilities...

The class hidden-* and visible-* are probably what you are looking for.
tonyswaby replied on at Permalink Reply
@media only screen and (max-width: 640px) {

.class { display:none;}
#id{visibility:visible;}
}
MeisterCoach replied on at Permalink Reply
Thanks for the info, I'll look into it!