Responsive side bar

How can have side bar become responsive at 1000px width? Right now the side bar remains even at just 768 px widht and is too narrow and some of the content is cut off.  Please view.

Comments

  • Hi,

    could you explain what do you want to do then? Remove sidebar on smaller screens than 1000px or what?
  • When the screen gets to a certain size the sidebar no longer shows on the side and it displays after the page content when you scroll down. I need that to happen at a screen size of 1000 px and smaller.
  • You can do this with the following css then:
    @media only screen and (max-width: 1000px) {
        .with_aside .sections_group { width: 98% !important; }
        .page.with_aside .sidebar.columns { width: 98% !important; margin: 0 !important; }
        .aside_right .widget-area { padding-left: 0 !important; }
    }
Sign In or Register to comment.