Two lines names in the menu

[Pierre-Emmanuel BrugeronMember Post count: 4]

Hello,

I have a problem with the way the menu displays the name of some of my pages.
Most of the pages I link to in the menu have names that fit in one line but, occasionnaly, I need to link to a page that will have a longer name (not that long, though, like “Emissions de radio”).

When the name is displayed the menu, the line height between the first and second line seems to be the same as between two menu items, making it very harde to read.

In the example, the lines 1,2 and 5 are different items, while the lines 3 and 4 are one item (the bullet in the middle shoes it) is a unique link.

Why are all the lines height the same ?
Is it possible to solve this problem ? It makes it really hard to read and the fact that the bullet is between the two lines isn’t helping.

Thanks !
I can’t stick to one-line items,

[Pierre-Emmanuel BrugeronMember Post count: 4]

Sorry, I messed up the link :
http://emmanuelhirsch.fr/wp-content/uploads/2013/02/Capture-d%E2%80%99e%CC%81cran-2013-02-08-a%CC%80-13.42.00.png

[themeweaverKeymaster Post count: 730]

Maybe this would work better in your case:

ul.page-menu li a {
  background: url(images/icons/pureicons/icon_circle.png) no-repeat 0 0%;
  
  line-height: 1.2em;
  margin-bottom: 1em;
}

[Pierre-Emmanuel BrugeronMember Post count: 4]

That’s much better, thanks !

Furthermore, thank you for the quick support.

[Author]

Posts