CSS dropdown menu: can I remove to flyouts?

[sarah_h]

Hi All,

Been working with the CSS menu for the first time and have a question:

I have a menu working like this

link1 | link2 | link3 | link4
          Sublink1
          Sublink2 > Link 1a
          Sublink3


I have link1 to 4 as the top level. Hover over any (link2 in this case) and the drop down shows sublinks and then hover over Sublink 2 and link 1a will show. Works like any dropdown flyout menu should. My question is can I remove the flyout option on Sublinks so that the menu shows like this:

link1 | link2 | link3 | link4
          Sublink1
          Sublink2
               Link1a
          Sublink3
           

So what I need is to remove the flyout for any children of children. Does that make sense?

Sarah

[KO]

I think it is the absolute positioning for 3rd level "ul" that needs to be removed. Maybe it's not that simple but that's where I would start.

[sarah_h]

Yes, I did spend time working in this area and it did stop the flyouts, but the menu items were overlapping. It's all related to the positioning and, by my own admission, I'm not too good in this area!! So, I bailed out due to client pressure and convinced them to go with the traditional menu. Easy option - I hate resorting to it.

Thanks anyway.

[KO]

Yeah might be wise to do that way. I don't have any version installed with default CSS dropdown menus so cannot try what actually happens but remove "position:absolute" is first step or maybe change that to "position:static" which is default and no other styles inherited. Then what else is needed needs more time to investigate, install test CMS ...