Php 带全屏标题的2列布局

我目前正在使用Drupal开发一个网站，上面有一个导航，下面是页面内容。带有标题图像，后跟分为2列的内容

页面内容（导航之外）被设置为具有最大宽度的包装器，以在中间对齐内容。但是我希望这个标题图像是全屏的，后面是包装器内部2列中的页面内容。此布局仅适用于某些页面

我阅读了有关编辑template.php的文档，但没有提供任何确切的解决方案

我使用以下内容来提供一个2列布局

<?php

/**
 * @file
 * Display Suite fluid 2 column stacked template.
 */

  // Add sidebar classes so that we can apply the correct width in css.
  if (($left && !$right) || ($right && !$left)) {
    $classes .= ' group-one-column';
  }
?>
<<?php print $layout_wrapper; print $layout_attributes; ?> class="ds-2col-stacked-fluid <?php print $classes;?> clearfix">

  <?php if (isset($title_suffix['contextual_links'])): ?>
  <?php print render($title_suffix['contextual_links']); ?>
  <?php endif; ?>

  <<?php print $header_wrapper ?> class="group-header<?php print $header_classes; ?>">
    <?php print $header; ?>
  </<?php print $header_wrapper ?>>

  <?php if ($left): ?>
    <<?php print $left_wrapper ?> class="group-left<?php print $left_classes; ?>">
      <?php print $left; ?>
    </<?php print $left_wrapper ?>>
  <?php endif; ?>

  <?php if ($right): ?>
    <<?php print $right_wrapper ?> class="group-right<?php print $right_classes; ?>">
      <?php print $right; ?>
    </<?php print $right_wrapper ?>>
  <?php endif; ?>

  <<?php print $footer_wrapper ?> class="group-footer<?php print $footer_classes; ?>">
    <?php print $footer; ?>
  </<?php print $footer_wrapper ?>>

</<?php print $layout_wrapper ?>>

<?php if (!empty($drupal_render_children)): ?>
  <?php print $drupal_render_children ?>
<?php endif; ?>

>

但我无法理解以下几点：

<div<?php print $attributes; ?>>
  <!--  -->
  <header>
    <div class="navigation-container">
        <?php print render($page['header']); ?>
      <div class="l-header" role="banner">
        <div class="l-branding">
          <?php print render($page['navigation']); ?>
        </div>
      </div>
    </div>
    <div class="header-container" role="banner">
      <div class="l-branding clearfix">
        <?php if ($logo): ?>
          <div class="logo_vub"><a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" class="site-logo"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" /></a></div>
        <?php endif; ?>
        <div class="language"><?php print render($page['language']); ?></div>

      </div>
    </div>
  </header>
  <div class="l-main">
    <div class="l-content" role="main">
      <?php print render($page['highlighted']); ?>
      <?php print $breadcrumb; ?>
      <a id="main-content"></a>
      <?php print render($title_prefix); ?>
      <?php if ($title): ?>
        <h1><?php print $title; ?></h1>
      <?php endif; ?>
      <?php print render($title_suffix); ?>
      <?php print $messages; ?>
      <?php print render($tabs); ?>
      <?php print render($page['help']); ?>
      <?php if ($action_links): ?>
        <ul class="action-links"><?php print render($action_links); ?></ul>
      <?php endif; ?>
      <?php print render($page['content_top']); ?>
      <?php print render($page['content']); ?>
      <?php print render($page['content_bottom']); ?>
      <?php print $feed_icons; ?>
    </div>

    <?php //print render($page['sidebar_first']); ?>
    <?php //print render($page['sidebar_second']); ?>
  </div>


</div>
<div class="footer-container">
  <footer class="l-footer" role="contentinfo">
    <?php print render($page['footer']); ?>
  </footer>
  </div>

---

我在2列布局中应用的所有内容都会在l-main div中“打印”，但我如何编辑这些内容，使组标题位于此主包装之外，并且可以轻松设置为满屏？

向我们展示您迄今为止所做的努力？请提供您的代码，所以我们可以看一看，然后玩…根据要求编辑问题