Accordion columns on mobile

Support
#1

Hi there,

I’ve got a couple pages that use columns inside accordions, for example: http://collaborative-staging.com/collaborative_migration/expertise/.

As the viewport decreases in size, those columns get small, but at a certain point, it doesn’t actually work.

Any way I can make those become one-column on mobile, keeping them readable?

Thank you!

#2

Hi There,

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

@media (max-width: 480px){
    .x-accordion-inner table tr td {
        display: block;
    }
}
#3

Perfect! Thank you much!

#4

You’re welcome.