Move sidebar to left

[sebastianParticipant]

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?

[Themonic-SupportKeymaster]

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

[sebastianParticipant]

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