Sidecolumn positioning on mobile devices not consistent

Votes

Undo

Hi

I'm using the caitlin template on website http://www2.ccd.ch. In the responsive options I set sidecolumn positioning to "After Component". This works fine when the page is loaded in a wide browser window and after that made narrower to mobile width. But in normal case, when the page is loaded in a mobile browser, then the order is side column before main content. This can also be well demonstrated on the caitlin demo pages.
Is there an option to overcome this?

Stefan

Responses (2)

ciaran

Accepted Answer Pending Moderation

Votes

Undo

Hi Stefan

To amend 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

stebue@gmail.com

Accepted Answer Pending Moderation

Votes

Undo

Thank you, Ciarán, this works fine!

Cheers,
Stefan

more than a month ago
Commercial Templates
# 2

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?

Sidecolumn positioning on mobile devices not consistent

Site Links

Recommended

Join Our Newsletter