Need help? Check out our Support site, then


How do you stop custom sidebar and navigation bar from moving?

  1. Hi everyone, first time poster - hopefully this is not another topic of this issue.

    I'm using the Twenty Twelve theme for a website I'm building, and I'm using a custom sidebar and a plugin navigation bar. The problem I have is they move across the screen whenever I minimize the browser, and I even have some compatibility issues in some browsers like Google Chrome and IE9.

    This is what I have for the sidebar styled in "styles.css" underneath:

    /* Page structure */
    .site {
    padding: 0 24px;
    padding: 0 1.714285714rem;
    background-color: #fff;
    }
    .site-content {
    margin: 24px 0 0 auto;
    margin: 1.714285714rem 0 0;
    }
    .widget-area {
    position:absolute;
    margin: 4.1429rem 0 0;
    margin-top:-600px;
    margin-bottom: 90x;
    margin-right: -70px;
    }

    And this is where I've put the code for the plugin navigation bar (called PBK Mega Menu) in "header.php":

    <body <?php body_class(); ?>>
    <?php pbk_mega_menu(); ?> <!-- PLUGIN NAVIGATION BAR IS HERE -->
    <div id="page" class="hfeed site">
    <header id="masthead" class="site-header" role="banner">
    <hgroup>

    Any ideas? Thanks.

  2. What is the URL of the site?

Topic Closed

This topic has been closed to new replies.

About this Topic