Home/ Questions/Q 8026669
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T23:33:58+00:00

I have a menu now, that can be found here… http://jsfiddle.net/EUaNY/ Now I’m wanting

  • 0

I have a menu now, that can be found here… http://jsfiddle.net/EUaNY/

Now I’m wanting to have a sub menu that’s the same style as that one, but shows up directly below it with the sub items for that particular link. Note that this menu is centered on my page with margin: 0 auto;, and the width of the page is width: 978px;. You can see this in .header-nav-menu. Sorry if I didn’t include something my CSS is pretty basic. If you have any questions or anything I’ll be happy to answer! Thanks!

BTW I would rather not use Javascript but if it’s necessary that’s fine.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’m not sure if you wanted the sub-menu to appear on hover, but it’s pretty trivial using straight CSS by adding these 2 classes:

    .header-nav-menu li > ul {
    display: none;
    position: absolute;
    width: 100%;
    padding: 4px 0;
    background: #3E0C0D;
}

.header-nav-menu li:hover > ul {
    display: block;
}

    Here’s your updated jsFiddle http://jsfiddle.net/EUaNY/1/

    • 0