Hierarchival Menu

  • Resolved pschimmel

    (@pschimmel)


    11 years, 7 months ago

    Hi,

    I just installed your great plugin. However the menus are not shown hierarchically when I add the widget. I realized the option in the output section, but whatever setting I choose, the menu is just flat.

    The funny thing is that the “assist”-preview shows the menu correctly. When I add the menu to a page via shortcut, the hierarchy is also OK.

    https://ww.wp.xz.cn/plugins/custom-menu-wizard/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author wizzud

    (@wizzud)

    11 years, 7 months ago

    Do you have a page I can look at that shows this problem?

    Thread Starter pschimmel

    (@pschimmel)

    11 years, 7 months ago

    Please take a look at http://test.gs-cms.com/?page_id=208. It’s the submenu in the sidebar on the right side. Only some of the pages are public right now.

    By the way: I also tried to disable all other plugins and I even tried the plugin on a different site with theme Expound, but without success.

    Plugin Author wizzud

    (@wizzud)

    11 years, 7 months ago

    Your Hueman theme has removed all padding, margins, and list styling.
    Look at the code – Inspect, or View Source – and you will see that there are up to 3 levels of menu, in nested ULs (ie. hierarchical).

    Try it with TwentyFourteen theme?

    Thread Starter pschimmel

    (@pschimmel)

    11 years, 7 months ago

    Thank you for your quick response.

    You are right. With TwentyFourteen the hierarchy is show as desired. I’ll contact the Hueman theme’s creator to see if this is a known bug.

    Thread Starter pschimmel

    (@pschimmel)

    11 years, 7 months ago

    Hello wizzud,

    I did some digging in the style sheet of the Hueman theme and discovered that the problem is caused by a CSS reset (right at the beginning of the style sheet) which might also be utilized by other themes.

    I did a little workaround by adding the following to the custom.css of the Hueman theme (and activating it’s usage in the options):

    div .cmw-level-1 { padding-left: 0px }
div .cmw-level-2 { padding-left: 10px }
div .cmw-level-3 { padding-left: 10px }
div .cmw-level-4 { padding-left: 10px }

ul.menu-widget {
   list-style-type: disc;
   list-style-position: inside;
}
ol.menu-widget {
   list-style-type: decimal;
   list-style-position: inside;
}
ul.menu-widget ul, ol.menu-widget ul {
   list-style-type: circle;
   list-style-position: inside;
   margin-left: 15px;
}
ol.menu-widget ol, ul.menu-widget ol {
   list-style-type: lower-latin;
   list-style-position: inside;
   margin-left: 15px;
}

    Maybe the option to set such styles in the options of your widget would be a great improvement.

    Thanks,
    Patrick

    pafranklin25

    (@pafranklin25)

    11 years, 6 months ago

    Hi,

    I have a similar problem in that it appears my theme also displays the entire menu in a flat format. I have tried the css code above but I’m not completely fluent so wonder if someone could have a look at the link and perhaps offer a suggestion?

    http://www.ufointernationalproject.com/ufo-topics/

    Many thanks in advance.

    Paul

    Plugin Author wizzud

    (@wizzud)

    11 years, 6 months ago

    @paul
    I see you’ve switched to using the JQuery Categories List plugin, which makes more sense than creating (and maintaining) a custom menu of categories/sub-categories.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Hierarchival Menu’ is closed to new replies.

Tags