Is it possible to have the dropdown links text wrap?


Author Message
Jerry

Posted: 3/22/2009
Quote message 

First I want to say how blown away I am by Artisteer - so useful and fun to use!

Some of the sub-page titles are long and don't completely show up in the sub-menus - I can set the .artmenu ul a to a wider width, but I would rather have the menu items wrap to fit the existing width - is this doable?

Thanks,

Jerry
 
jennifer

Posted: 3/22/2009
Quote message 

/* begin MenuSubItem */
.artmenu ul a {
display:block;
text-align: center;
white-space: nowrap;
height: 25px;
width: 222px;
overflow:hidden;
line-height: 25px;
margin-right: auto;
background-image: url('../images/silver/subitem-bg.png');
background-position: left top;
background-repeat: repeat-x;
border-width: 1px;
border-style: solid;
border-color: #9CA9AB;
}

change the white-space line to white-space:normal; and it will wrap - this might (actually probably will) mess up the height of the subitem to have it wrapping - I didn't test this before posting.
 
Jerry

Posted: 3/22/2009
Quote message 

Hi Jennifer,

Thanks for the help - however, it didn't work - I set the width at 120, the white space to normal - and the rest of the title just disappears off to the right - if you want to see it:

http://mauiwebdesigns.com/wordpress/ and mouse over the Programs link.

The title of the sub-page is "Healthy Start make it real long" for testing.

Aloha,

Jerry
 
jennifer

Posted: 3/22/2009
Quote message 

Remove the line "overflow:hidden; "


 
Jerry

Posted: 3/23/2009
Quote message 

Hi Jennifer,

That wrapped the text, but the wrapped text has no background. I though making the bg image larger might do it, but no - any ideas?

Thanks!

Aloha,

Jerry
 
Marc Smith

Posted: 3/23/2009
Quote message 

The best bet is to make the page names shorter to fit properly. There is only so much real estate in those areas, and once you start changing the CSS to try an accomodate longer page names, you could be asking for issues down the road.
 
Jerry

Posted: 3/23/2009
Quote message 

Quote Marc Smith:

The best bet is to make the page names shorter to fit properly. There is only so much real estate in those areas, and once you start changing the CSS to try an accomodate longer page names, you could be asking for issues down the road.


Yes, in an ideal world, that would be good - however this site is for a client that has lots of long names for their pages!

So, you don't know any robust way to have the text wrap and retain the bg image?

Thanks,

Jerry

 
Marc Smith

Posted: 3/23/2009
Quote message 

Unfortunately, it's not something that can be done.

I have a client in the same boat. They wanted LONG page names and I told them that it wouldn't look right given the design restrictions of Wordpress.

They had me put the long names in, they took one look at it, and immediately found shorter names.

This is a problem even if the names are over in the pages sidebar... long page names just don't work very well.
 
Jerry

Posted: 3/23/2009
Quote message 

Hi Marc,

C'est la vie, as our Froggy friends would say! I can make the .artmenu ul a wider if the client insists on longer names for the links - for the sidebar . . . too bad!

I love your product, Marc - very nice. Now I want vertical menus! Bwahahaha! Give them an inch . . .

Aloha,

Jerry
 
Marc Smith

Posted: 3/23/2009
Quote message 

Jerry,

I wish it was my product, but it's not. I am just a user of the proiduct who helps out here in the forum.
 
Jerry

Posted: 3/24/2009
Quote message 

Hi Marc,

You sound so authoritative that I thought you must be the admin here - thanks for the info.

By the way, who is?

Aloha,

Jerry
 
Marc Smith

Posted: 3/24/2009
Quote message 

Jerry,

There is no admin for the forum, we kinda self police here.

Artisteer reps occasionally come in to answer some of the tougher questions, and to collect suggestions and feedback.

Quickest way to get their attention is to email them directly at support@artisteer.com
 
Jerry

Posted: 3/25/2009
Quote message 

Hi Marc,

Cool! Thanks for the info and the help!

Aloha,

Jerry