Closed (fixed)
Project:
Aberdeen
Version:
5.x-1.6
Component:
User interface
Priority:
Normal
Category:
Feature request
Assigned:
Reporter:
Created:
10 Feb 2007 at 23:21 UTC
Updated:
16 Feb 2010 at 04:10 UTC
A menu I placed in the Header in Garland shows up as a vertical menu midscreen (r to l), cutting through the header.
How do I change that to horizontal, above the Primary links, either flush right or flush left?
| Comment | File | Size | Author |
|---|---|---|---|
| Picture 15_0.png | 9.55 KB | karl sf |
Comments
Comment #1
johnnybegood commentedHi,
Yes, that is not currently supported. The idea behind Aberdeen was to have just one top menu which is Primary Links.
Might change this in a new release.
You can also change this in the CSS if you need.
Cheers.
Comment #2
karl sf commentedCan you point me to where in the CSS i can allow for a Level 2 navigation (contact me | bio | forums ....)
I would like to put it below,in a smaller lighter type. Is it in the CSS or the .tpl files? or the template.php? thanks.
Comment #3
ctaylor44 commentedHi, although I am fairly new to both Drupal and CSS, I have a decent fix for the secondary menus in aberdeen I can share.
The CSS class in style.css that drives the secondary menus is "ul.secondary-links li"
For my site, I padded the top to bring it below the primary menu, shrank the font size, dropped the bullet with background:none, and right aligned with float:right (note that there is probably a better way to do the right-justify.. float: right reverses the menu with the top of the menu being farthest to the right, but as I mentioned, I'm a newbee, and just getting my site up, so I haven't figured out a better way)
Here is the code I added to the CSS:
ul.secondary-links li {
font-size: 80%;
float: right;
padding: .7em 0 .2em 1.5em;
list-style-type: none;
list-style-image: none;
background: none;
}
You can see the results on www.cargirl.com select the "community" tab as that is the only area I have a secondary menu as of today.
Love the Aberdeen Theme!
Thanks, Chris
www.cargirl.com
www.oceanusauto.com
Comment #4
johnnybegood commentedGood work Chris! The result is very neat.
I'll definitely add that code for the secondary links in the next release. Perhaps with a more padding at the top.
Cheers,
J
Comment #5
ctaylor44 commentedMy fiancee (the cargirl of CarGirl.com) agreed with you!
Now at www.cargirl.com/forum you can see what font-size: 90%; and top padding 1.0em gets you.
Best,
Chris
Comment #6
ishmael-sanchez commentedAdded fix to style.css and added a note in the readme file.