title: How do I remove white space from right side of screen
body: <p>This wordpress website <a href="http://www.sulu13.net/14" rel="nofollow">http://www.sulu13.net/14</a> has a responsive logo and menu that I wanted centered in order to line up with the edges of the content below in the posts. So I added:</p>
  
  <pre><code>.tc-header .brand a {   /* Logo */
  position: relative;
  left: 200px; }
  
  .navbar .navbar-inner {  /* Navbar */
  position: relative;
  top: 130px;
  left: 380px; }
  </code></pre>
  
  <p>Upon adding this CSS, the screen gets a horizontal scroll bar and has white space (equal to the <code>left: 380px</code>) on the right side of the screen. Something tells me it has to do with the responsive menu button sharing the same classes, <code>.navbar .navbar-inner</code> as the non-responsive menu. I would change this, but my knowledge of PHP is limited so I wouldn't know where to start. </p>
  
  <p>I've tried removing the JQuery menu itself, but this had no effect, (my guess is..) because I didn't actually remove the responsive menu button/menu.</p>
  
  <p>Here's the main CSS file - <a href="http://www.sulu13.net/14/wp-content/themes/customizr/inc/css/green.css?ver=3.1.6" rel="nofollow">http://www.sulu13.net/14/wp-content/themes/customizr/inc/css/green.css?ver=3.1.6</a></p>
  
  <p>Any ideas would be appreciated, thanks in advance for your time.</p>
  
  <p>Ian</p>