CSS Friendly Menu Adapter

Question

User1121463079 posted

We have a menu system which is 4 levels deep:

1. Home
   1. Second
      1. Third
         1. Fourth

After selecting the Third navigation element,the Fourth layer should display. Unfortunately, this fourth layer never renders.

Does anyone have any thoughts on why this might not be rendering?

Answer 1

User478895623 posted

Have you added the additional CSS?

 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p>

I’ve just started using them, so I’m no expert, but to add a further level I had to add additional CSS to the Menu.css stylesheet. Look for the following prompts in this sheet:

 <o:p></o:p>

/* Add more rules here if your menus have more than three (3) tiers */<o:p></o:p>

 <o:p></o:p>

I added (I think):

 <o:p></o:p>

ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul<o:p></o:p>

ul.AspNet-Menu li li li.AspNet-Menu-Hover ul<o:p></o:p>

 <o:p></o:p>

ul.AspNet-Menu li:hover ul ul ul<o:p></o:p>

ul.AspNet-Menu li li li:hover ul<o:p></o:p>

 <o:p></o:p>

Apologies if you’ve done this already!

Answer 2

User-666984233 posted

You will need to add this to your menu

MaximumDynamicDisplayLevels="" enter the number of levels here 

<asp:Menu ID="MenuFavorites" runat="Server" DataSourceID="SiteMapDataSource1" MaximumDynamicDisplayLevels="8">