I would check the z-index for the menu links, the image slider may be will be using z-index to shuffle images so change the menu <a> css styling to use z-index: 2000; to make sure the dropdowns always appear in front.

The style you are looking for is defined as '#nav li:hover a, #nav li:selected a' in the styles.css file.

Hope this helps.

Hi Alfiya,

This template is using the V2 menu system which does not use the systems admin interfaces to change settings. Here is a link to Liam's great article about configuring the V2 menus:

http://forums.adobe.com/docs/DOC-1903

I created a demo site using the same template and the same issue happened to me, it would appear this template is not setup for sub dropdown menus, or there is a conflict with the javascript that creates the submenu <ul> elements in the container.html file.

Hope this helps, let me know how you get on.

Kind Regards

Ken

You gotta change the CSS mate.

try to give the display of inline-block to your top level lists or display:block and then float them left.

Second everytime I'm in a certain page, the link related to that page somehow generates this:

<li class> <a ....>text ....

why do you have an empty class in there? check the Menu module files and see what you've got there to fix that, you shouldn't have that. maybe some JS is messing with you too.

Assign classes through BC, or just target the lists directly with CSS.

If you want to be specific on what list you target, use this method:

#nav > ul

and then #nav > ul > li

this will target only the direct tag after the nav div.

man you got a lot going on there, this need a bit of clean up.

I can tell you that it takes a good chunk of CSS lines to control what you've got there.