• Closed
  • Harald Röh
    Spectator
    August 24, 2016 at 1:15 pm #29969

    Hi,
    I am just setting up a new design using the latest evolve plus theme release
    (see http://bu.gfcev.de/).

    This theme is responsive and it works fine within certain frame sizes.
    I use a 1600 px page size and set the sidebarsize to 2/12, the content size to 10/12.

    When I decrease the window/frame size from 992 px to 991 px and below, the sidebar is no longer adjusted accordingly. It seams that its size is now much too big to fit nicely beside the content.
    I can see this behaviour with Firefox, IE and Chrome (lastest versions) under windows 7/64 bit.

    This ist not really very critical, but annoying.
    Any idea what is going on here or how to fix it?

    Thanks and best regards
    Harald

    Denzel Chia
    Moderator
    Posts: 2656
    August 25, 2016 at 2:02 am #29986

    Hi

    Yes, you are correct, the width is not enough to fix both elements side by side, therefore the sidebar is pushed down. You can make the sidebar full-width, so that it looks similar to mobile layout.

    You can use the following in Theme Options -> Custom CSS
    This will make your sidebar full width when you reach below 992px.
    You can make adjustments accordingly.

    @media screen and (max-width:992px){
    #secondary{
    width:100% !important;
    }
    }

    Please note this code is for your current setup, if you change your sidebar and content width adjustments, you will need to remove this code and re-customize again.

    Thank you