Navigation
Archive / How to hide one single column on mobile phone?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 14, 2016 at 4:22 pm #1042155
    shimoda
    Participant

    There is one single column I want to hide. Is there any style or CSS code I can write to achieve that?

    June 14, 2016 at 5:09 pm #1042212
    Rahul
    Moderator

    Hi,

    For elements in cornerstone, you can use the class field to add visibility classes

    Classes:

    x-hide-xl – Extra Large | 1200px & Up
    x-hide-lg – Large | 980px – 1199px
    x-hide-md – Medium | 768px – 979px
    x-hide-sm – Small | 481px – 767px
    x-hide-xs – Extra Small | 480px & Smaller

    So if you want to hide your element in mobile you can add x-hide-xs class in the class field of your column element.

    http://screencast.com/t/lHetWx8GDLN9

    You can do the same for other elements.

    Note: You need to enable advanced controls for the class field to appear.

    Hope that helps.

    June 15, 2016 at 8:09 pm #1044321
    shimoda
    Participant

    Fantastic! Thanks!

    June 15, 2016 at 8:44 pm #1044340
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1042155 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>