Move sidebar to left

Home Forums Iconic One Pro Support Move sidebar to left

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #5197


    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?


    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.


    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.

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