Forums

Add Layout >> Grid: Free-Form Layout

Permalink
I have created a 3 column free-form layout in my footer. However, when I preview it in a small screen, the 3 columns aren't stacking on top of each other … they are all squished together, side by side. What have I overlooked?

Thank you.
ssailer
 
mesuva replied on at Permalink Best Answer Reply
mesuva
The free-form layout tool doesn't directly include CSS to respond to different breakpoints, unlike other grids like Bootstrap.

It should be pretty quick however, to include in your theme something like:
@media (max-width: 767px) {
    div.ccm-layout-column {
        float: none !important;
        width: 100% !important;
    }
    .ccm-layout-column-inner {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
ssailer replied on at Permalink Reply
ssailer
Is there an "easy" way to install Bootstrap grids in a custom theme?

Thanks.
ssailer replied on at Permalink Reply
ssailer
Mesuva, this worked great ... no need to do any extra Bootstrap stuff.

Thank you so much! :D

This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you, both on this website and through other media. To find out more about the cookies we use, see our Privacy Policy.