Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
137
SubMenu covers TopMenu
posted

In our current application we have a horizontally listed webmenu which contains 5 items.  The subMenu for one of the items is a very long list of further subMenus.  The issue we are having is that when the initial subMenu appears, due to screen resolution and browser height, it is covering the other menu options in the topMenu.  Is there any way to set an offset for the subMenu to stop it from displaying on top of the topMenu?

Thanks,
Kyle

 

Parents
  • 28464
    posted

    It is possible to apply Css styles for the entire group of subitems and control a lot of properties from there. The property is called IslandClass and below you can find and example how to offset the child item group 15 pixels down.

     <style type="text/css">
       
        .island
        {       
            margin-top: 15px;   
        }
       
        </style>

    ...
    <ignav:Item Text="Top Item" IslandClass="island" ... />
    ...

    Still. this might have its side effects though and in this case I would personally suggest re-organizing the menu structure, so that it fits on screen (e.g. more subgroups of items) 

Reply Children
No Data