Navigation
Archive / 1890 / Block grid on mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 3, 2016 at 8:17 am #1159660
    bak
    Participant

    Hi there

    How can have the block grid buttons either displayed correctly next to each other or stacked on top of each other?

    September 3, 2016 at 8:19 am #1159661
    bak
    Participant
    This reply has been marked as private.
    September 3, 2016 at 10:29 am #1159753
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    @media (max-width: 767px){
    .page-id-9062 .x-block-grid.two-up>li {
        width: 47.5% !important;
        clear: initial;
        margin-top: 0;
    }
}

    Hope it helps 🙂

    September 4, 2016 at 3:01 am #1160343
    bak
    Participant
    This reply has been marked as private.
    September 4, 2016 at 5:20 am #1160445
    Christian
    Moderator

    This is because you gave this code in your pages where your buttons does not stack

    .page-id-1890 ul.x-block-grid.two-up {
    display: inline-flex;
}

    Please remove it.

    Thanks.

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