Support » Themes and Templates » [Theme Twenty Eleven] Responsive site issues

  • Hi guys,

    on a website for a client there had been some issues with the side bar of the twenty eleven based wordpress website.

    After some googeling ive managed to get the sidebar to the right again, but it seems to be stuck under the main content.

    There are a lot of variables in the CSS, trial and error didnt work. The sidebar has a fixed width. How can I make sure it shows next to the content on tablets and phones?

    /* =Responsive Structure for narrow screens
    * to keep min width and sidebar
    -------------------------------------------- */
    @media (max-width: 800px) {
         #page {
           min-width:500px;
             }
    /* keep the sidebar - for right sidebar */
        .right-sidebar #main #content {
            margin: 0 0% 0 1%;
            width: 65%;
        }
        .right-sidebar #main #secondary {
            float: right;
            margin: 0 1% 0 1%;
            width: 35%;
        }
    /* keep the sidebar - for left sidebar */
        .left-sidebar #main #content {
            margin: 0 1% 0 29%;
            width: 70%;
        }
        .left-sidebar #main #secondary {
            float: right;
            margin: 0 -1% 0 2%;
            width: 24%;
        }
    /* correction for 'showcase' template */
        .page-template-showcase-php #main #primary.showcase {
            float: right;
            margin: 0 2% 0 2%;
            width: 96%;
        }
    }

    Thanks in advance!

    Seb

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Theme Twenty Eleven] Responsive site issues’ is closed to new replies.