10. May 2019

Play of columns 7: hide mobile & only desktop

You can decide whether display a specific module only in desktop or mobile devices

Only Desktop

Title

Morbi ac felis. Integer tincidunt. Nunc interdum lacus sit amet orci.

<div class="m01">
</div>
<script type="text/javascript">
//<![CDATA[
     jQuery.noConflict();
(function($) {
// Init
$(document).ready(function() {
$('.j-module:has(.m01)').addClass('hide-mobile');
});
})(jQuery);
//]]>
</script>

Only tablet & mobile

Tablet & mobile title

Morbi ac felis. Integer tincidunt. Nunc interdum lacus sit amet orci.

New Button

<div class="m02">
</div>
<script type="text/javascript">
//<![CDATA[
     jQuery.noConflict();
(function($) {
// Init
$(document).ready(function() {
$('.j-module:has(.m02)').addClass('only-mobile');
});
})(jQuery);
//]]>
</script>

Only mobile

Only mobile title

Morbi ac felis. Integer tincidunt. Nunc interdum lacus sit amet orci.

New Button

<div class="m03">
</div>
<script type="text/javascript">
//<![CDATA[
     jQuery.noConflict();
(function($) {
// Init
$(document).ready(function() {
$('.j-module:has(.m03)').addClass('only-mobile-phone');
});
})(jQuery);
//]]>
</script>