Mobile display more than 1 column

[oblaum]

hello,

i need to display a section with 2 and another with 3 column instead of just 1 (as the default now).

all the threads i found here (#47720 and #41047) i have tried and did not work out for me.

using the latest pro version.

live: https://gelenkalbin.de

and

thanks
oli

[nabeel]

Hi Oli,

Thank you for reaching out to us. Try giving your Row a class stay-inline that contains the columns and then add the following code in the Theme Options > CSS:

@media screen and (max-width: 767px) {
    .stay-inline .x-column {
        width: 48%;
        margin-right: 4%;
        float: left;
    }
    .stay-inline .x-column:nth-child(2n) {
        margin-right: 0
    }
    .stay-inline > .x-container {
        width: auto;
    }
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Hope this helps!

[oblaum]

hello nabeel,

thanks a lot. it works out for me. you saved my ass!

cheers!
oli

ps it would be a very great feature for future updates, as most projects have a mobile viewrate of 50%+ vs desktop…

[christian]

Hey Oliver,

Yes, we will have a responsive column feature in the next release. You can read more about that in our Changelog at https://theme.co/changelog

Thanks.