Navigation
Archive / Hide Columns at certain widths
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 28, 2016 at 3:50 pm #1107691
    Audseo
    Participant

    Hey there. For my header image, I’ve assigned a class to the section and replaced the image under 1300px. The problem? I’d also like to hide the columns to the right so the text is aligned correctly with laptop and tablet. I’ve added the x-hide-lg x-hide-md classes, but nothing seems to work. I also tried by adding a class and using CSS. How can I hide a column based on screen width? None of my usual tricks are working. Can you take a look and help me? I’ll supply the link on the next reply.

    July 28, 2016 at 3:50 pm #1107692
    Audseo
    Participant
    This reply has been marked as private.
    July 28, 2016 at 10:03 pm #1108181
    Friech
    Moderator

    Hi There,

    Thanks for writing in! section and row has an Hide Base of Screen Width option, this can help you hide certain blocks in mobile or desktop.

    http://i.imgur.com/CeJSlV7.gif
    http://i.imgur.com/sfLmNUN.gif

    For the columns you can use this classes provided here: https://community.theme.co/forums/topic/concerns-about-moving-to-cornerstone/#post-299411

    Hope it helps, Cheers!

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