CSS to show or hide content on particular devices based on width

September 12, 2018 11:14 am by ATS Staff

  <style type="text/css">
    .show-on-mobile { display: none; }

    @media only screen and (max-width:1025px) {
      .show-on-mobile { display: block; }    
    }

    @media only screen and (max-device-width: 480px) {  
      .show-on-mobile { display: block; }    
    }
  </style>