Move sidebar to left

Home Forums Iconic One Pro Support Move sidebar to left

This topic contains 2 replies, has 2 voices, and was last updated by  sebastian 3 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #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?

    #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

    #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.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.