My primary links are too long and will not fit into the top as I want them to. I am thinking that I will be able to squeeze them in if I break the titles into two lines such as it becomes like following example :

My many responsibilities ==>

My many
Responsibilities

Is there a way to achieve this without using static menu links ?

Comments

carnevaledesign’s picture

You could use CSS to do this. Something like the following maybe:

.primary-links a {
  display: block;
  float: left;
  width: 100px;
  height: 30px;
}

That way it limits the width of anchor elements within the .primary-links list to 100 pixels (or whatever works best for you).

electronicmonkey’s picture

This works for vertical menus; I am looking for a fix for horizontal menu

carnevaledesign’s picture

The CSS code in my previous post would be used for a horizontal menu, hence the "float: left" definition.

electronicmonkey’s picture

Thanks but all it does is limit the width of the entire block to 100px instead of with of each menu item..