Manipulating page--full-width-wrappers.tpl.php best practices [#1847846]

Update: I sorted the original problem out and now have a more general question about the how-to of changing this tpl file.
Secondly I would like to now why the layout in full-width so completely varies from the original (now block regions under the footer etc.

Hi Jeff,

I want to use the full width option but noticed that using said setting drops the menu bar region below the sitename. Ordinarily the menu bar (in Corolla) is on the absolute top of the page.
Is this intended behavior? If so how could I use the full width wrapper and have the menu bar on top (guess I would have to change the tpl.php file *gulp*)?

The fact that the menu looks unusable is due to #1754460: parent menu item not visible, I guess?

Normal:
menu bar1

Using the full-width-wrappers.tpl.php (where you can only see the home item):

menu bar 2

Comment	File	Size	Author
	menubar up.png	75.52 KB	dddave
	menubar below.png	35.98 KB	dddave

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

dddave CreditAttribution: dddave commented 22 November 2012 at 13:20

Man, sometimes I embarass myself really hard. Just noticed that Corolla has its own page.tpl and that I can easily copypaste and manipulate the full-with-wrappers.tpl.

My question now simply boils down to: What is the best practice here? Where do I put what? Anything I should think off?

Comment #2

dddave CreditAttribution: dddave commented 23 November 2012 at 11:23

Title:

page--full-width-wrappers.tpl.php usage has menu bar region not on top

» Manipulating page--full-width-wrappers.tpl.php best practices

Changing title

Comment #3

Jeff Burnz CreditAttribution: Jeff Burnz commented 25 November 2012 at 21:01

Depends on what you are trying to do exactly.

The main thing to account for is the .container class, this sets the width on the "contained" area, i.e. when you set a max-width in the theme settings this is the class it gets applied to, so maintaining a structure like the following where:

You must have the "outer wrapper", namely in this instance <div id="menu-bar-wrapper">, because this is what your full width background will be applied to in CSS.
You must have the "inner wrapper", namely <div class="container clearfix">. As mentioned before you must have the .container class, the clearfix is optional

  <?php if ($menubar = render($page['menu_bar'])): ?>
      <div id="menu-bar-wrapper">
        <div class="container clearfix">
          <?php print $menubar; ?>
        </div>
      </div>
    <?php endif; ?>

Hope that helps and makes some sense.

Comment #4

dddave CreditAttribution: dddave commented 26 November 2012 at 09:28

That does help me understanding all this. Thanks. Final ;-) question: what is the reasoning for completely omitting regions in full-width. Things like 3x33 or 4x25 near footer regions only exists (originally) in the generig page.tpl. Adding something of this back in shouldn't be a problem, should it? I am experimenting and so far I think it looks as it should.