Little customization to gratis theme I am using the Gratis theme, but there is a little problem.

Here is the screen shot of the block region demonstration:



Yellow are the regions. I want to make the 1,2,3 marked area into one top nav where I have logo, main menu and other links. How to do that?

The main menu (third party system) is a different area. Say 4th area. Not concerned with that.

Here is the page.tpl code for these top 3 areas

`
    

  &lt;!-- top links--&gt;
  &lt;?php if ($page['top_links']): ?&gt;
    &lt;div id="top-bar" class=""&gt;
      &lt;div class="l-top-wrapper l-setwidth" &lt;?php if (!empty($set_width)) : print 'style="max-width:' . $set_width . ';"' ; endif; ?&gt;&gt;
        &lt;div class="top-links s-grid"&gt;
          &lt;?php print render($page['top_links']); ?&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;?php endif; ?&gt;
  &lt;!-- //top links--&gt;

  &lt;!-- header --&gt;
  &lt;div id="header-bar" class="l-header-wrapper" role="banner"&gt;
    &lt;header class="l-header l-setwidth" &lt;?php if (!empty($set_width)) : print 'style="max-width:' . $set_width . ';"' ; endif; ?&gt;&gt;

      &lt;?php if ($logo): ?&gt;
      &lt;div class="l-logo"&gt;
          &lt;a href="&lt;?php print $front_page; ?&gt;" title="&lt;?php print $site_name; ?&gt; » &lt;?php print $site_slogan; ?&gt;"&gt;
            &lt;img id="logo-img" src="&lt;?php print $logo; ?&gt;" alt="&lt;?php print $site_name; ?&gt; » &lt;?php print $site_slogan; ?&gt;"/&gt;&lt;/a&gt;
        &lt;/div&gt;&lt;!--// l-logo--&gt;
        &lt;?php endif; ?&gt;

      &lt;?php if ($site_slogan || $site_name) : ?&gt;
      &lt;div class="l-branding"&gt;

            &lt;?php if ($site_name) : ?&gt;
              &lt;h1 class="site-name"&gt;
                &lt;a href="&lt;?php print $front_page; ?&gt;"&gt;
                  &lt;?php print $site_name; ?&gt;&lt;/a&gt;
              &lt;/h1&gt;
          &lt;?php endif; ?&gt;

              &lt;?php if ($site_slogan) : ?&gt;
                &lt;h3 class="site-slogan"&gt;&lt;?php print $site_slogan; ?&gt;&lt;/h3&gt;
            &lt;?php endif; ?&gt;

      &lt;/div&gt;&lt;!--//branding--&gt;
        &lt;?php endif; ?&gt;

    &lt;/header&gt;
  &lt;/div&gt;&lt;!-- // l-header -wrapper--&gt;

  &lt;div id="menu-wrapper" class="l-menu-wrapper main-menu" role="navigation"&gt;
    &lt;div class="l-setwidth" &lt;?php if (!empty($set_width)) : print 'style="max-width:' . $set_width . ';"' ; endif; ?&gt;&gt;

      &lt;?php if ($main_menu): ?&gt;
        &lt;a id="off-canvas-left-show" href="#off-canvas" class="l-off-canvas-show l-off-canvas-show--left"&gt;&lt;?php print t('Show Navigation'); ?&gt;&lt;/a&gt;
        &lt;div id="off-canvas-left" class="l-off-canvas l-off-canvas--left"&gt;
          &lt;a id="off-canvas-left-hide" href="#" class="l-off-canvas-hide l-off-canvas-hide--left"&gt;&lt;?php print t('Hide Navigation'); ?&gt;&lt;/a&gt;

          &lt;div class="main-menu-wrapper"&gt;

            &lt;?php print render($primary_nav); ?&gt;
          &lt;/div&gt;
        &lt;/div&gt;&lt;!-- // off-canvas-left --&gt;
      &lt;?php endif; ?&gt;`
I installed the theme on my computer and those elements are not printed using regions (as you said), are printed using the template file (and that's because there are no blocks with them, they are printed directly in the template file - except the menu that is printed using $primary_nav variable).

So, if you want something like you said, you need to add that content in blocks. Or, if you only want to add them in the same area or div in the page, just move them in the template file (for example, move "#menu-wrapper" in the "#header-bar" div, and you will have them together).