私は wordpress 3.4.1 と headway テーマを使用しています。前進がこれを台無しにしているかどうかはわかりませんが、誰かが私を正しい方向に向けることができることを願っています.
基本的なリクエスト - メイン メニュー項目にカーソルを合わせるかクリックすると水平に表示されるサブメニュー。
これが私のhtmlです(ブロックIDと多くのコードが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>
ここに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 a {margin: 5px 0 -5px -48px !important; padding: 3px 0 30px; }
body.custom .block-type-navigation ul li a {margin: 0 -10px 0 -20px; }
.block-type-navigation li ul.sub-menu li a {-moz-box-sizing: border-box; max-width: 500px;
min-width: 175px; width: auto; }
.block-type-navigation ul li a {display: block; white-space: nowrap; }
継承元:ul.sub-menu ol, ul { list-style: none outside none; }
必要なものをすべてコピーしたことを願っています。サイトは: youradminpro.com