Move sidebar to left

Home › Forums › Iconic One Pro Support › Move sidebar to left

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 28, 2018 at 9:51 pm #5197
    sebastian
    Participant

    Hi,

    I would like to move side bar to the left. I did this by changing ‘float’ on site-content and widged-area. It works, but when I resize the window, the media queries kick in and move sidebar back to right.

    What is the best way to do it so that it will support responsiveness?

    March 29, 2018 at 12:09 pm #5198
    Themonic-Support
    Keymaster

    You can use CSS media queries for this:

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

.site-content {
    float: right;
    border-left: 1px solid #F1F1F1;
}
.widget-area {
    float: left;
}

}

    This CSS should go in Custom CSS plugin or in Live customizer CSS section.

    You may have to adjust the media query parameter as per your need.

    https://www.w3schools.com/css/css3_mediaqueries_ex.asp

    March 30, 2018 at 3:21 pm #5199
    sebastian
    Participant

    it does not work:
    1. For width wider than 1024 it does not work.
    2. For width below, sidebar is on the left, but theme stops becoming responsive. It means that when I change the browser size (smaller), the sidebat does not move down to make more space like it does when nothing is changed.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.