Navigation
Archive / Keep Columns on One Row on Mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • December 14, 2016 at 7:32 am #1292677
    TheoryUnit
    Participant

    Hi there,

    Is it possible to keep two columns in an accordion on a single row when viewed on mobile, rather than breaking onto two rows?

    If you could please look at the accordion on this page I’m building: http://astilltreecare.co.uk/who-we-are/ if you click on ‘Experienced’ when on mobile, the years get put onto a second row which means it doesn’t makes sense.

    Is it possible, or is there another way to work round this that I’ve missed?

    Thanks very much,
    Matt

    December 14, 2016 at 9:09 am #1292815
    Thai
    Moderator

    Hi Matt,

    Please try adding the following CSS:

    .x-accordion-inner .x-column.x-1-2.x-sm {
    width: 48%;
    float: left;
}

    Hope it helps 🙂

    December 14, 2016 at 10:40 am #1292942
    TheoryUnit
    Participant

    Thank you. I guess with such long lines of text there’s no other way to do it so it fits on mobile.
    Thanks,
    Matt

    December 14, 2016 at 12:36 pm #1293097
    Rupok
    Member

    You are welcome Matt!

    Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Cheers!

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