• Home
    • Templates
      • Alsten
      • Lemberg
      • Bergen
      • Hafen
      • Altona
      • Enkel
      • Horten
      • Hisingen
      • Agen
      • Tjörn
      • Halmstad
      • Öland
    • Support
    • Purchase
    • Blog
  • Home
  • Templates
    • Alsten
    • Lemberg
    • Bergen
    • Hafen
    • Altona
    • Enkel
    • Horten
    • Hisingen
    • Agen
    • Tjörn
    • Halmstad
    • Öland
  • Support
  • Purchase
  • Blog
    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.

    New Button

    <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>
    
    tagPlaceholderTags:

    Write a comment

    Comments: 0

    SUPPORT

    • Blog
    • Support center
    • Tutorials
    • Common Support issues
    • Updates
    • Matrix Checkup

    QUICK LINKS

    • Features
    • Pricing
    • Pre Purchase Questions
    • Partners
    • Custom Installation
    • Zødiac Framework

    GET INSPIRED

    • Showcase
    • Custom widgets
    • Enterprise Package
    • No coding features
    • Matrix variables
    • Dolphin Block Elements
    hide-in-doc-page

    Showcase
    draggable-logo

    STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE

    About | Privacy Policy | Cookie Policy | Sitemap
    Copyright © 2021 All rights reserved
    Log in Log out | Edit
    • Scroll to top
    Close