Change the Sidebar from right hand side to left

Hi i need to change the sidebar from right to left

the below works;

    div#primary {
        float: right;
    }

however it then removes the rest of the page on mobiles - its a woocommerce page if that makes any difference

any help would be greatly appreciated

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 992px) {
      #primary.content-area .post-wrap {
        padding-right: 0;
        padding-left: 50px;
      }
      #primary.content-area {
        float: right;
      }
      #secondary.widget-area {
        float: left;
      }
    }

Stay safe.
Have an excellent day ahead :slight_smile:

Regards,
Kharis
aThemes Support

Thanks for this

It now works on a desktop and doesnt hide the content on a mobile, however i really need the sidebar at the top on mobiles too which is why i wanted to move it to the left as i thought this would put this at the top.

How do i get the sidebar on a mobile to be at the top

also - is there a way to not show the sidebar on specific pages as i only really want it on one page