Boutique - Responsive module order

Votes

Undo

I am using Boutique and on smartphones the sidecol-b module is showing first above the content.

How can I get the content to show first or not have the sidecol-b module show on smartphones?

Thanks.

Responses (1)

ciaran

Accepted Answer Pending Moderation

Votes

Undo

Hi Frank

To reverse the order of your content/sidecolumn on mobile devices, try adding the following to the Custom CSS field of your templates parameters....

@media only screen and (max-width: 767px) {

    #main {

        display: flex;

        flex-direction: column;

    }

    .sidecol_a, .sidecol_b {

        order: 1;

    }

}

Ciarán

more than a month ago
Commercial Templates
# 1

Page :
1

There are no replies made for this post yet.
Be one of the first to reply to this post!

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »

Forgot Password?

Boutique - Responsive module order

Site Links

Recommended

Join Our Newsletter