Wrapping text on Level 0

Hi,

I have created a vertical CSS menu using V2.0 of the extension and have a question.

The menu is dynamic and pulls back Level 0 and its contents from a database. All works brilliantly.

However, sometimes the client enters a menu title in their CMS that is slightly too long for the width of the container for the top level menu item and the text over runs the box.

How can I setup the CSS so that it wraps to a second line within the container?

Thanks
Ian

Trying adding some right padding to the A tag.

Thanks for the reply Dani.

I believe I already have that in the CSS. Please see below:

}
ul#cssmw > li > a {
background-color: #ECECEC;
background-image: url("../cssmw_images/img_menu_bg.jpg");
background-repeat: no-repeat;
border-style: none;
border-width: 0px;
color: #000000;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
margin: 0 0 0 0;
padding: 5px 10px 5px 10px;
text-decoration: none;
text-transform: uppercase;
width: 140px;

}

If you want to see the offending page, I can email you the link, but as its a site in development I can't post a public link due to a confidentiality agreement with the client.

Best Regards,
Ian

OK, if you look in menu.css file, you should find a line that reads:

white-space:nowrap;


try removing that line from the css.

However, you might need to increase the height of the menu to account for the second line.

I would recommend that you increase the width of the menu to account for the extra text instead of overlapping to a new line.

Thanks Dani, I will try that.

Increasing the width is not an option. As I mentioned, its a vertical menu and there is significant content on the right hand side.

Best Regards,
Ian

Worked a treat that!

Thank you!