Always show submenu under parent

  • Resolved LtSawdust

    (@ltsawdust)


    10 years, 1 month ago

    I have been trying various themes, css, plugins and more to create a permanent menu showing the parent and children (submenus) at all times. The submenus show when hovering over a parent, but I would like the subs to always show under the parent. If it matters, I want to keep the horizontal layout. I did find a plugin – Custom Menu Wizard – that works for a nested vertical layout, but I haven’t been able to convert it to horizontal.

    Here is a link to my test site, running the 2013 theme with css modifications in real simple css plugin. I have been able to style the elements for location, color, font, etc. but cannot make the submenus persistent.

    https://project.projectintheworks.com/

    Any suggestions welcomed. Thanks and have a great day.

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

  • it’s a css rule that you have to change (other solutions might be available but if you don’t mind changing/adding some code the solution here will help:
    https://stackoverflow.com/questions/19846303/how-to-make-a-hidden-navigation-bar-visible-on-all-pages

    Thread Starter LtSawdust

    (@ltsawdust)

    Thanks for the reply and link. I banged around with the possible solutions therein but couldn’t make any of them work (from not knowing how to apply some of them – jscript – or not finding the applicable/similar code to affect.) Tried variations I thought were applicable with no success. On the plus side, nothing broke!

    I have managed to make some progress based on trying to figure out why a dropdown would not display in the first place. Seems as if the submenu is hidden by placing it off the page or behind a visible element or some such. In the case of 2013 theme, it looks like it hides in an invisible box until the parent is “hovered” and then it moves into a new position and is visible.

    By changing the css on the submenu elements (make position relative vs absolute, float them and give them positioning below and under the parent), they are now visible all the time. I also had to float the main menu items to keep them from being pushed out of position by the submenu items.

    So, looks like I want with the exception that there are gaps in the main menu line where the submenu block would be if it was not being forced to display elsewhere. I haven’t figured out how to change the styling to remove the “placeholder” from the parent menu lineup.

    I will post more if I find a solution and as always, welcome any ideas to achieve the look and improve the code.

    Thanks.

    Thread Starter LtSawdust

    (@ltsawdust)

    Think I’m on the right track with the positioning and float in css so I will call it good enough.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Always show submenu under parent’ is closed to new replies.