5 columns on desktop. 2 columns on mobile

Support
#1

Hello, I am only using the Cornerstone web builder (Not Xtheme). I have found out that all the inline CSS I found on the support work with Xtheme. How can I make 5 columns on desktop. 2 columns on mobile with Cornerstone only with CSS?

#2

Hey @Mobitouch,

Thanks for writing in!

To have a 5 columns on desktop and 2 columns in smaller screens, please edit your page back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

@media (max-width: 767px){
    #cs-content .x-column.x-sm.x-1-5{
        float: left;
        width: 48%;
        margin-right: 4%;
    }

    #cs-content .x-column.x-sm.x-1-5:nth-child(2n){
        margin-right: 0;
    }
}

We would love to know if this has worked for you. Thank you.

#3

Thanks a lot. It works

#4

You’re always welcome!

Cheers.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.