Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 19, 2015 at 9:27 pm #446720
    wcathro

    Hi,
    I would like to change the breakpoint for when the sidebar moves beneath the main content.
    Can you please show me how to do this?
    I tried on my own with a css media query, but the result was less than ideal.

    Thanks,
    Warren

    May 19, 2015 at 10:53 pm #446756
    Josue

    Hey Warren!

    Try with the following:

    @media only screen and (max-width: 989px) {
  .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }
  .responsive .content{
      border:none;
  }
}

    Cheers! 
    Josue

    May 20, 2015 at 4:08 pm #447220
    wcathro

    Thanks Josue. This works in Chrome and Safari, and I tweaked it a little bit for my needs.

    In Firefox, when the viewport width is between 768px and 990px, the sidebar disappears completely. I’m not too worried about it because our users will rarely, if ever, be using Firefox at that width, buy if you happen to know why this happens and have a quick fix for it, please let me know.

    Thanks

    May 20, 2015 at 8:16 pm #447404
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    May 21, 2015 at 5:11 pm #447846
    wcathro
    This reply has been marked as private.
    May 22, 2015 at 6:44 pm #448546
    Josue

    Hey!

    Add this:

    @media only screen and (max-width: 989px) {
  .responsive .sidebar{
     clear: both !important;
  }
}

    Regards,
    Josue

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