Recent
Categories
View Replies (1)

Side col stays on top on mobile devices

0
Votes
Undo
  1. kash_14
    kash_14
  3. Commercial Templates
  4. Thursday, 06 August 2015
  5.  Subscribe via email
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
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
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
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


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