Navigation
Archive / How to force 2 columns side by side to be one above the other on mobile ?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 27, 2016 at 8:09 am #1149599
    Matthieu
    Participant

    Hey there !
    I have 2 columns side by side on my site which are just fine when browsing on my laptop.
    When I browse on my iPad, I’d like them to be single columns (with one above the other) just like when I browse on my iPhone.
    Is there a way to do it ?
    Thank you by advance for your help !

    August 27, 2016 at 8:27 am #1149612
    Thai
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    August 30, 2016 at 4:19 pm #1154025
    Matthieu
    Participant
    This reply has been marked as private.
    August 30, 2016 at 6:43 pm #1154150
    Jade
    Moderator

    Hi there,

    You can add this under Custom > CSS in the Customizer.

    .page-id-7 #x-section-2 .x-column {
    width: 48% !important;
}

@media (max-width: 767px) {
    .page-id-7 #x-section-2 .x-column {
        width: 45% !important;
        float: left;
        margin-right: 4%;
    }
}

    Hope this helps.

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