Horizontal submenu with wordpress -
i'm using wordpress 3.4.1, , headway theme. i'm not sure if headway messing i'm hoping can point me in right direction.
the basic request - submenu displays horizontally when hover or click on main menu item.
here's html (the block ids , lots of code inserted headway):
<nav id="block-10" class="custom_yap_menu block block-type-navigation block-fluid-height block-mirrored block-mirroring-10 block-original-97"> <div class="block-content"> <div class="nav-horizontal nav-align-center"> <ul id="menu-yap-menu" class="menu"> <li id="menu-item-750" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-750"> <a href="#" title="solutions">solutions</a> <ul class="sub-menu"> <li id="menu-item-764" class="nav2 menu-item menu-item-type-post_type menu-item-object-page menu-item-764"> <a href="http://youradminpro.com/business-solutions-2/business-solutions/">business solutions</a> </li> <li id="menu-item-780" class="nav2 menu-item menu-item-type-post_type menu-item-object-page menu-item-780"> <a href="http://youradminpro.com/pricing/">pricing</a> </li> </ul>
here's css:
body.custom #block-10 {position: relative; width: 100%;} .block {-moz-box-sizing: float: left;} menu, nav {display: block;} .block-type-navigation li ul.sub-menu {left: -9999px; position: absolute; width: auto; z-index: 150;} .block-type-navigation ul { display: inline-block; } ol, ul { list-style: none outside none;} body.custom .block-type-navigation ul.sub-menu li {margin: 5px 0 -5px -48px !important; padding: 3px 0 30px; } body.custom .block-type-navigation ul li {margin: 0 -10px 0 -20px; } .block-type-navigation li ul.sub-menu li {-moz-box-sizing: border-box; max-width: 500px; min-width: 175px; width: auto; } .block-type-navigation ul li {display: block; white-space: nowrap; }
inherited from: ul.sub-menu ol, ul { list-style: none outside none; }
i hope copied need. site is: youradminpro.com
Comments
Post a Comment