Different CSS styles for multile drop down menus

Different CSS styles for multile drop down menus

I have created a nav menu with a products drop down sub menu, i have changed the css so that the sub menu drops exactly where i want it, however when i add items to a different menu item i dont want the new sub menu to appear in the same place, is there a way i can add styles to the css or modify it to achieve this, if so what items would i need to copy and amend?

You would have to apply the css changes to the new submenu as well. There's different css blocks similar to the one you probably modified for the different levels of menus. If you look in the menu.css file, you can see there is css for level-1, level-2 etc. These different levels specify the different submenu levels.

Many thanks for your reply, however this is the part i am stuck on. When i created the menu it saved two files for it, one was called ajxmenu.css and the other was ajxmenu.js.

When i opened up the .css file to modifiy the menu, i have lots of different classes etc which i am unsure as to what they are for. Also i am able to adjust the different submenu's i.e level-1 level -2 but what i want is two level-2 submenu's but with different properties.

Basically im looking to have one nav bar but i want all the submenu's to appear in the same place on the screen, this is where im stuck with knowing what css i need to copy or modify?

I'm not sure what you mean by having the level 2 submenus show up in the same place. If they all show up in the same place, and the mouse isn't able to reach the menu, then the menu wouldn't be able to be used.

To change the level 2 menu item, all the css classes with level-2 will affect how the second level menu would show up.