Navigation
Archive / Column stack break point
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 15, 2017 at 6:18 pm #1372673
    BradleyB
    Participant

    Hi,

    When the browser window is sized below 767px, columns that are side by side become stacked on top of each other. I want to change this break point so that the columns in a particular section stack at 1000px. Is this possible? Thanks so much!

    February 15, 2017 at 6:18 pm #1372674
    BradleyB
    Participant
    This reply has been marked as private.
    February 16, 2017 at 1:15 am #1373132
    Lely
    Moderator

    Hello Bradley,

    Please add the following CSS on Appearance > Customize > Custom > Edit Global CSS:

    @media (max-width: 1000px){
.page-id-3456 #x-section-1 .x-column.x-sm {
    float: none;
    width: 100%;
    margin-right: 0;
}
}

    Hope this helps.

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