1. jv
  2. Commercial Templates
  3. Friday, 15 July 2016
  4.  Subscribe via email
Is there any way to change the order in which the modules load when the site is adjusting for a mobile screen? Currently, my side-column modules load first, then the main content. So what happens when someone clicks a link on the home page to read an article, they have to scroll down through the side-column modules first before getting to the content. I can see where that would be an advantage, as with advertising, but I might prefer that the content show up first.

Is there an easy way to accomplish this?

Thanks.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi JV

To place the sidecolumn modules after your article on small screen 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
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Works perfectly, as usual, Ciaran!
Thanks!
jv
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


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