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

  • Author
  • #1264339

    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 {
    margin: 4.1429rem 0 0;
    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”>

    Any ideas? Thanks.



    What is the URL of the site?


The topic ‘How do you stop custom sidebar and navigation bar from moving?’ is closed to new replies.