Submenu on two lines

I have to realize a menu like atached, but I’m here.
1 question.
The item in the main menu have width:auto but with fixed (in px) margin right/left; the submenu need to have the same width of the relative item of the main, but width:inherit and width:auto don’t work.

2 question.
if the text in the submenu is too long it needs to be wrapped on a second line, but with a layout like the attached file; now with text-indent it don’t works good.

Have you some suggestion?
Can someone show me alternative method?

You should just be able to set the nested ul to width:100%.


.art-menu li ul{width:100%;}
.art-nav .art-menu li ul a{text-indent:0;padding:0 0 0 10px}

GREAT!!!
Thank you very very very much!!!

About the second question: it’s possible to have the wrapped text-line with a line-height more small then the not-wrapped text-line (see the “rassegna stampa” and “photo gallery” items in the attached file?

Thanks anyway, I wish you a good day. :slight_smile:

Hi,

I can’t open that pdf it says its corrupt so I have removed it. You can now try uploading a new one if necessary.

If you are referring to the line-height in the submenu items then just cancel them out and use padding instead.

e.g.


.art-nav .art-menu li ul a{
text-indent:0;
padding:5px 0 5px 10px!important;
line-height:normal;
}

Problem solved with padding-top/bottom.
Thanks Paul. :slight_smile: