title: Creating a section of white background over a full-bleed background
body: <p>I'm building a photography site using a builder called "photodeck" for a business.</p>
  
  <p>The issue comes that the builder doesn't allow for me to create a background behind the menu and logo, so I have to do this through editing the theme CSS and HTML - I'm a coding rookie and after a lot of experimentation I cannot get it to work.</p>
  
  <p>Codepen link: <a href="https://codepen.io/gknowl/pen/PeJbOE" rel="nofollow noreferrer">https://codepen.io/gknowl/pen/PeJbOE</a>  (For both CSS and HTML)</p>
  
  <p>HTML (So I could post the codepen link) :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;pd-page&gt;
    &lt;pd-block id="navib" class="dont_overlap"&gt;
      &lt;pd-component id="logo" type="logo_text" /&gt;
      &lt;div id="navlinks"&gt;
        &lt;pd-component id="menu" type="menu" /&gt;
        &lt;pd-component id="local" type="locale_switcher" /&gt;
      &lt;/div&gt;
    &lt;/pd-block&gt;
    &lt;pd-component id="hdtxt" type="text" class="dont_overlap" /&gt;
    &lt;div id="title_and_main_content_wrapper"&gt;
      &lt;div id="main_block"&gt;
        &lt;pd-component id="mainc" type="main_content" /&gt;
        &lt;pd-component id="commt" type="comments" /&gt;
        &lt;pd-component id="searc" type="search" drawer="duration:0.3,rotate_alt_content:90,init_state:closed,alt_content_pos:center,alt_content:,effect:slide_from_right" /&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;pd-block id="footer" class="reserved_height dont_overlap"&gt;
      &lt;pd-component id="fttxt" type="text" /&gt;
      &lt;pd-component id="links" type="external_links" /&gt;
    &lt;/pd-block&gt;
    &lt;pd-component id="pwrdb" type="poweredby" /&gt;
  &lt;/pd-page&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Picture: <a href="https://imgur.com/Fg62kt9" rel="nofollow noreferrer">https://imgur.com/Fg62kt9</a> (The part above the green bar I'd like to have a light grey background)</p>
  
  <p>Bonus: If anyone can help me out with making the logo bigger as well that would be a great help, the builder limits the size to the size pictured</p>
  
  <p>I apologise if this is too basic, or if this is far too obvious - however I'm completely stuck.</p>