Menu breaks up when running into multiple lines
peterx - May 13, 2009 - 11:53
| Project: | Purple Box |
| Version: | 6.x-2.1 |
| Component: | Code |
| Category: | feature request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
Have a look at the menu across the top of http://d-theme.com/purple_box. The menu runs to two lines and there are gaps between the entries in the second line. Sky, http://d-theme.com/sky, and other themes overcome the problem. http://drupal.org/node/343829 point #7 shows a fix that works in Dreamy.

#1
Hi,
Try this in your css file.
ul.links li { (it's in system-m...nus.css?k (line 42) override it in your .css file)
display:inline;
list-style-type:none;
padding:0 0.5em; (Removed 0.5em padding so it will come in one line but till T alphabet)
}
and
#menulinks {
background-image:url(images/menulinks.png);
clear:both;
height:45px;
padding-left:30px; (Changed into 20px;)
width:870px;
}