Navigation
Archive / 2479 / Block grid buttons in landscape mobile view
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 20, 2016 at 6:16 am #1050389
    bak
    Participant

    Hi

    I have two buttons next to each other in block grid.

    On regular mobile view, they stack up nicely and together with support, I managed that they only go 80 % of screen width.

    When I look at it on mobile landscape view, the buttons are still 80% of screen width but the buttons look was to wide.

    How can I manage that they will be next to each other rather than on top of each other if the screen width has reached a certain size?

    June 20, 2016 at 6:16 am #1050392
    bak
    Participant
    This reply has been marked as private.
    June 20, 2016 at 6:33 am #1050421
    bak
    Participant
    This reply has been marked as private.
    June 20, 2016 at 6:52 am #1050438
    Christopher
    Moderator

    Hi there,

    Find this code :

    @media (max-width: 979px){
.x-block-grid-item {
    width: 100% !important;
}
}
@media (max-width: 767px){
a.x-btn.x-btn-large {
     min-width: 90% !important; 
}
}

    And update it to :

    @media (max-width: 480px){
.x-block-grid-item {
    width: 100% !important;
}
a.x-btn.x-btn-large {
     min-width: 90% !important; 
}
}

    Hope it helps.

    June 22, 2016 at 9:28 am #1054387
    bak
    Participant

    solved! many thanks 🙂

    June 22, 2016 at 11:51 am #1054628
    Joao
    Moderator

    Great to hear it,

    Let us know if we can help with anything else.

    Joao

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