Search
 
SCRIPT & CODE EXAMPLE
 

CSS

css change if mobile

//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>
Comment

css check if mobile

@media (pointer:none), (pointer:coarse) {
}
Comment

PREVIOUS NEXT
Code Example
Css :: boostrap pointer 
Css :: how to scroll fixed position 
Css :: css click event jquery 
Css :: css border top 
Css :: add background image and color css 
Css :: tablet screen size css 
Css :: how to make white image black in css 
Css :: ipad specific media query 
Css :: remove border css 
Css :: font smoothing 
Css :: align ionic icons and text css 
Css :: table td remove padding 
Css :: css margin bottom 
Css :: multiple css media queries 
Css :: import font sass 
Css :: slickjs height 
Css :: css option value 
Css :: two background css 
Css :: css heart 
Css :: background color transparent 
Css :: wordpress link post tags 
Css :: onclick change visibility 
Css :: css select without class 
Css :: centrer verticalement css 
Css :: how to add inline class to a paragraph in css 
Css :: best box shadow css 
Css :: how to fix the nav bar to the left of the page 
Css :: change style of ordered list numbers css 
Css :: half border bottom 
Css :: css glow on hover 
ADD CONTENT
Topic
Content
Source link
Name
4+7 =