Mobile view – widget sidebar on top

  • Hello.

    Need to get Sidebar in top (from right). Only mobile view. This only needs to happen on the front page. Not elsewhere.

    I have code. That code get sidebar in top, but it is happening all pages. Need only frontpage.

    What I have to fix:

    @media (max-width: 768px) {

  .site-content .col-full {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .site-content .col-full > #primary {

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

  }

  .site-content .col-full > #secondary {

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 1;

    order: 1;

  }

}
Viewing 1 replies (of 1 total)

  • Hi @koivunahka

    In order to apply this code only on the front page, you can use this instead:

    @media (max-width: 768px) {
  .home .site-content .col-full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Mobile view – widget sidebar on top’ is closed to new replies.