Sub menu too narrow

[dona70]

I can’t get the submenu wide enough.
The site:

http://www.toivalanurheilijat.fi/uusi/

I tried to change padding into this css:

#main-nav li ul li {
background-color: rgb(48, 48, 48);
display: block;
float: none;
min-height: 26px;
padding: 10px 10px 50px 20px;
position: relative;
width: 121px;

The link texts go into two row, but I want sub menu so wide, that link text fits into one row.
I hope you understand, what I mean :)

[Shikkediel]

Disregard this.

[Paulie_D]

To start

#main-nav li ul  {
white-space:nowrap; /* add this */
}

This will force the submenu to take up as much space as it need regardless of the width of the parent li.

[dona70]

Thanks, but I all ready did this:

#main-nav li ul {
left: 0;
line-height: 1.2em; /1.2em 17.28px/
position: absolute;
top: 100%;
visibility: hidden;
width: auto;
}

#main-nav li ul li {
background-color: rgb(48, 48, 48);
display: block;
float: none;
min-height: 26px;
padding: 10px 10px 20px 20px;
position: relative;
}

I put width: auto into #main-nav li ul and removed width: 121px from #main-nav li ul li

[Author]

Posts