javascript - Multi Serving Classes in HTML 5 depending on screen size -


is possible multi serve classes based on screen sizes? example, have class nested inside class, want nested class run if size of device bigger x.

   <div class="pure-container" data-effect="pure-effect-push">     <input type="checkbox" id="pure-toggle-left" class="pure-toggle" data-toggle="left"/>     <label class="pure-toggle-label" for="pure-toggle-left" data-toggle-label="left"><span class="pure-toggle-icon"></span></label>        <nav class="pure-drawer" data-position="left"><br><br><br>           <p style="padding: 10px 20px; margin: 0;">           <div class="f-unit expert">                      <?php  include_once 'helper/block_news_list.php'; ?>         </div>           </p>       </nav>     </div> 

so here have "f-unit expert" classed wrapped inside slide in menu. want display "pure-drawer" class (slide in menu) on small screens , "f-unit expert" class rest of devices. achievable? thank help. have looked everywhere , not find concrete answer.


Comments

Popular posts from this blog

java - Static nested class instance -

c# - Bluetooth LE CanUpdate Characteristic property -

JavaScript - Replace variable from string in all occurrences -