• Home
  • Templates
  • Page builder
  • Support
  • Blog
  • Home
  • Templates
  • Page builder
  • Support
  • 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

    • Docs
    • Guides
    • Style Editor
    • Global Updates
    • Theme Updates
    • Common support issues

    Features

    • Templates
    • Page Builder
    • Add-ons
    • Landing pages
    • Alt Classes
    • Matrix variables

    Get inspired

    • Most popular templates
    • Website examples
    • Custom widgets
    • Block Elements
    • Fluid Sections

    Quick links

    • Marketplace
    • Matrix Themes for Agencies
    • Matrix Themes for Web Designers
    • Small Business websites
    • Create a new website
    • Pricing
    hide-in-doc-page

    draggable-logo

    Showcase

     

    Main colors
       bg-primary
       bg-primary-light
       bg-primary-dark
       bg-secondary
       bg-secondary-dark
    Template sections
       body
       top-header
       header
       content
    Footer Styles
       background
       text color
       link color
       horizontal line
    Buttons
       style 1
       style 2
       style 3
       text color
    Other elements
      social icons
      navigation color
      subnav background
    Mobile navigation
       background color
       navigation color
    Template configurations
     
    has-center-nav g-font has-large-header
     
    Navigation styles
     
    size-15 weight-400 snip-nav --line01 is-uppercase
     
    Content styles
     
    form-white
     
    Footer styles
     
    o-form color-white

     

    Typography

    Heading H1
    weight-600 is-uppercase
     
    Heading H2
    weight-400 is-uppercase
     
    Heading H3
    weight-600 is-uppercase
     
    Buttons
    weight-600 is-uppercase
     
    Animations
     

    Note:
    All changes made here will be applied to your entire website.
    is-switcher

    MATRIX THEMES

    STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE

    About | Privacy Policy | Cookie Policy | Sitemap
    Created with Jimdo
    Log in Log out | Edit
    • Scroll to top
    Close