Recent
Categories
View Replies (1)

Modules over content on responsive

0
Votes
Undo
  1. holmmedia
    holmmedia
  3. Commercial Templates
  4. Saturday, 12 March 2016
  5.  Subscribe via email
Hey

On a lot of my sites I have a issue.. When I have modules in the sidecol-b it looks fine on a desktop, but when I go mobile, it puts the modules over the content, is it possible to place it under?

Best regards
Responses (1)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

This would vary slightly depending on the template you are using. Firstly try adding the following to the Custom CSS field of your templates parameters...


@media only screen and (max-width: 767px) {

  #main {

      display:table;

  }

  #content_remainder {

      display: table-row-group;

        float: none;

    }

  .sidecol_a, .sidecol_b {

      display: table-footer-group;

        float: none;

  }

}


Failing that try the following instead...


@media only screen and (max-width: 767px) {

  #main {

      display:table;

  }

  #content_remainder {

      display: table-row-group;

        float: none;

    }

  #sidecol_a, #sidecol_b {

      display: table-footer-group;

        float: none;

  }

}


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!