Sub-menu drop-down in widget area.

  • jonathanemms

    (@jonathanemms)


    9 years, 3 months ago

    I’m using the genesis framework and magazine pro. The drop-down for sub-menu items only work when the menu is set as the primary or secondary menu. When I set it as a custom menu in a widget area all sub-menu items are indented. I want to be able to only show the top-level of the menu with a all sub-menu items available when I hover over with the mouse. This seems to be normal behaviour for menu items that aren’t in the widget area.

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    9 years, 3 months ago

    In both cases, the underlying HTML is simply a nested ul/li structure. The difference (in many cases) is all in the applied CSS. You can’t simply apply horizontal menu CSS to a vertical menu, but if you can find a vertical menu you like, the CSS can be adapted to your menu widget CSS. Check out mobile menus in particular, they tend to be vertical by nature.

    Reapplying menu CSS might not be as simple as it might sound. It may be best to use the existing CSS as a general guide and work out your own CSS for the widget. Even better would be to find a generic demo of a CSS only mobile menuing system that explains how it’s built in the manner of a tutorial. By having the reasoning behind CSS rules explained, it’s easier to make adaptations for your own menu.

Viewing 1 replies (of 1 total)

The topic ‘Sub-menu drop-down in widget area.’ is closed to new replies.