glompie
Gebruiker
- Lid geworden
- 24 dec 2011
- Berichten
- 196
Hi,
Ik wil m'n laatste submenu meer naar links laten uitklappen.
Dus de laatste parent van het horizontale menu moet je dan adresseren neem ik aan.
Heb nu dit en daarmee gaan alle submenu's naar links. Da's uiteraard niet de bedoeling.
ul.athena-nav ul:last-child li{
right:100px;
}
Iemand een idee wat wel werkt?
Ik wil m'n laatste submenu meer naar links laten uitklappen.
Dus de laatste parent van het horizontale menu moet je dan adresseren neem ik aan.
Heb nu dit en daarmee gaan alle submenu's naar links. Da's uiteraard niet de bedoeling.
ul.athena-nav ul:last-child li{
right:100px;
}
Code:
<nav id="site-navigation" class="main-navigation" role="navigation">
<div class="menu-hoofdmenu-container">
<ul id="primary-menu" class="athena-nav">
<li id="menu-item-208" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-208"><a title="About">About us</a>
<ul class="sub-menu">
<li id="menu-item-311" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-311"><a title="" href="#">Welcome</a></li>
<li id="menu-item-106" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-106"><a title="History" href="#">History</a></li>
</ul>
</li>
<li id="menu-item-208" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-208"><a title="Contact">Contact</a>
<ul class="sub-menu">
<li id="menu-item-311" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-311"><a title="Location" href="#">Location</a></li>
<li id="menu-item-106" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-106"><a title="Email" href="#">Email</a></li>
</ul>
</li>
</ul>
</div>
</nav>
Iemand een idee wat wel werkt?
Laatst bewerkt: