Navigation
Archive / Reponsive Design Helper Classes
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 11, 2016 at 11:21 pm #1037880
    SixTsevN
    Participant

    Hey there,
    I’ve tried looking for the helper classes that shortcut responsive design in the x theme (i.e. x-hide-sm) but, I can’t find the full list anywhere.
    Not even here:
    http://updates.theme.co/resources_2156cca47d8d0f08b7cb9897a2358e41/documentation/x-documentation.pdf

    Where can I find them all?
    I need to know how to hide a column, until small screen.

    June 12, 2016 at 1:40 am #1037986
    Christopher
    Moderator

    Hi there,

    You can simply use visibility options to hide sections and tow in x, see the attachment.

    If you still want to hide columns, you can add following classes :

    cs-hide-xl
    cs-hide-sm
    cs-hide-md
    cs-hide-lg
    cs-hide-xl

    Hope it helps.

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