Side col stays on top on mobile devices

Votes

Undo

Hello,
When I access my site from a mobile device, the side col b doesn't move to the bottom position after loading each page. I have to touch the screen, then only it will move to the bottom of the post. How can I have it to appear "after component" right after loading each page without touching the screen?

Ref: Screenshots
website: http://www.kashmikamal.com

Thanks, Kashmi

Responses (1)

ciaran

Accepted Answer Pending Moderation

Votes

Undo

Hello

To resolve 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?

Side col stays on top on mobile devices

Site Links

Recommended

Join Our Newsletter