Recent
Categories
View Replies (1)

scarlett mobile

0
Votes
Undo
  1. Balmmnd77
    Balmmnd77
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 02 February 2017
  5.  Subscribe via email
side column b keeps appearing above article in mobile view. anyway to stop it please?

i tried this from another forum post

but no joy

@media only screen and (max-width: 959px) {
.backgrounds .sidecol_a, .backgrounds .sidecol_b {display:none;}
#content_remainder {
width: 100% !important;
}
.sidecol_a, .sidecol_b, .items-row .item, .top-1, .top-2, .top-3, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2 {
width:100% !important;
}
}
References
  1. http://rjagri.co.uk/
Responses (1)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

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
  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!