xxxxxxxxxx
/* Styles for desktop */
.some-element {
display: none;
}
/* Styles for mobile */
@media (max-width: 767px) {
.some-element {
display: block;
}
}
xxxxxxxxxx
//CSS
.visibledevice {display:none;}
.visibledesktop {display:display;}
@media (max-width : 320px) {
.visibledevice {display:block;}
.visibledesktop {display:none;}
}
//in the page
<div class="visibledesktop">this displays for desktop and tablet</div>
<div class="visibledevice">this displays for mobile</div>