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!

This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you, both on this website and through other media. To find out more about the cookies we use, see our Privacy Policy.