Download & Extend

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

Project:AdaptiveTheme
Version:7.x-3.x-dev
Component:CSS/HTML
Category:support request
Priority:normal
Assigned:Unassigned
Status:active

Issue Summary

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

AttachmentSize
menubar below.png35.98 KB
menubar up.png75.52 KB

Comments

#1

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?

#2

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

#3

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:

  1. 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.
  2. 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.

#4

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.

nobody click here