Last updated May 31, 2011. Created by rhache on January 13, 2011.
Edited by jsirayo. Log in to edit this page.
Depending on your layout/design requirements, menu blocks should be placed in one the following three regions:
Navigation Region
In the majority of cases, we strongly recommend that all menu blocks be placed in the navigation region. This will ensure that pages are optimized for accessibility and SEO considerations.
Site menus are typically near the top of the page so you can put your site's main navigation into the navigation region using the CSS position: absolute property.
Here is how some sample code might look in your screen.css stylesheet:
#page,
#container {
position: relative; /*keeps absolute elements constrained to page or container div */
}
#navigation #block-menu-primary-links {
left: 0; /*adjust accordingly*/
position: absolute;
top: 100px; /*adjust accordingly*/
}Tertiary Region
If your site's navigation is vertical, we strongly recommend putting it in the tertiary region. This will leave the secondary region as the main sidebar and higher in the source than the tertiary region.
Header Region
The only reason to place a menu directly in the header region is because the menu might have variable heights. This is extremely rare.