wp_nav_menu ul problem
-
Hello ppl, I’m trying to make a menu like this website http://www.euraxess.de/portal/home_de.html but i’m not able because i cannot add styles to the ul tags. Any advise please?
-
up
Hello,
To create menu as displayed on the website that you have linked, please visit /css/style.css file of this website from the source code.
In this file they have declared,
div#middle .firstCol .home{ }
div#middle .firstCol .home a{ }
style statements, which are used for left menu navigation.So, you can use similar statements in the style.css file of your theme.
For more details, please visit the source code of this website.
Thanks.
i tried to replicate it but they are not using ul or li in their menu, that’s the problem and wordpress doesn’t add class to the submenu ul items
http://codex.wordpress.org/Creating_Horizontal_Menus
not perfect but a start
also, it would help to illustrate your problem if you could post a link to your ‘building’ site.
wordpress doesn’t add class to the submenu ul items
to style these submenu ul, try (depending on your existing stryucture) something like this pure hypothetical example:
ul.menu ul { ... }My problem is the
<ul class="sub-menu">that will have display:none; because i need to hide it, if i click the menu it gives the current item to the upper li not the under ul. This is the code`<div class=”menu-test-container” id=”menu-header”>
<ul class=”menu” id=”menu-test”>
<li class=”menu-item menu-item-type-post_type current-menu-item page_item page-item-2 current_page_item menu-item-7″ id=”menu-item-7″><a href=”#”>Acasa</a></li>
<li class=”menu-item menu-item-type-post_type menu-item-19″ id=”menu-item-19″><a href=”#”>Ce este EURAXESS?</a></li>
<li class=”menu-item menu-item-type-post_type menu-item-18″ id=”menu-item-18″><a href=”#”>Servicii EURAXESS</a>
<ul class=”sub-menu”>
<li class=”menu-item menu-item-type-post_type menu-item-26″ id=”menu-item-26″><a href=”#”>Centre de servicii</a></li>
<li class=”menu-item menu-item-type-post_type menu-item-24″ id=”menu-item-24″><a href=”#”>Contact / Asistenta</a></li>
</ul>
</li>
<li class=”menu-item menu-item-type-post_type menu-item-94″ id=”menu-item-94″><a href=”#”>Cercetatori straini</a>
<ul class=”sub-menu”>
<li class=”menu-item menu-item-type-post_type menu-item-95″ id=”menu-item-95″><a href=”#”>Conditii de intrare</a>
<ul class=”sub-menu”>
<li class=”menu-item menu-item-type-post_type menu-item-97″ id=”menu-item-97″><a href=”#”>Viza si permis de sedere</a></li>
<li class=”menu-item menu-item-type-post_type menu-item-96″ id=”menu-item-96″><a href=”#”>Permis de munca</a></li>
</ul>
</li>
<li class=”menu-item menu-item-type-post_type menu-item-79″ id=”menu-item-79″><a href=”#”>Acomodare</a>
<ul class=”sub-menu”>
<li class=”menu-item menu-item-type-post_type menu-item-81″ id=”menu-item-81″><a href=”#”>Locuri de cazare</a></li>
<li class=”menu-item menu-item-type-post_type menu-item-80″ id=”menu-item-80″><a href=”#”>Cursuri lingvistice</a></li>
<li class=”menu-item menu-item-type-post_type menu-item-98″ id=”menu-item-98″><a href=”#”>Sanatate si centre medicale</a></li>
</ul>
</li>
<li class=”menu-item menu-item-type-post_type menu-item-99″ id=”menu-item-99″><a href=”#”>Munca</a>
<ul class=”sub-menu”>
<li class=”menu-item menu-item-type-post_type menu-item-102″ id=”menu-item-102″><a href=”#”>Securitate sociala</a></li>
<li class=”menu-item menu-item-type-post_type menu-item-100″ id=”menu-item-100″><a href=”#”>Impozitare</a></li>
<li class=”menu-item menu-item-type-post_type menu-item-101″ id=”menu-item-101″><a href=”#”>Proprietate intelectuala</a></li>
</ul>
</li>
<li class=”menu-item menu-item-type-post_type menu-item-88″ id=”menu-item-88″><a href=”#”>Cercetare</a>
<ul class=”sub-menu”>
<li class=”menu-item menu-item-type-post_type menu-item-89″ id=”menu-item-89″><a href=”#”>Cercetarea in Romania</a></li>
<li class=”menu-item menu-item-type-post_type menu-item-90″ id=”menu-item-90″><a href=”#”>Invatamant superior</a></li>
<li class=”menu-item menu-item-type-post_type menu-item-87″ id=”menu-item-87″><a href=”#”>Calificari</a></li>
</ul>
</li>
<li class=”menu-item menu-item-type-post_type menu-item-93″ id=”menu-item-93″><a href=”#”>Viata cotidiana / de familie</a>
<ul class=”sub-menu”>
<li class=”menu-item menu-item-type-post_type menu-item-92″ id=”menu-item-92″><a href=”#”>Viata cotidiana</a></li>
<li class=”menu-item menu-item-type-post_type menu-item-91″ id=”menu-item-91″><a href=”#”>Ingrijirea copiilor / scoala</a></li>
</ul>
</li>
</ul>
</li>
<li class=”menu-item menu-item-type-post_type menu-item-105″ id=”menu-item-105″><a href=”#”>Cercetatori autohtoni</a>
<ul class=”sub-menu”>
<li class=”menu-item menu-item-type-post_type menu-item-106″ id=”menu-item-106″><a href=”#”>Burse si granturi</a></li>
<li class=”menu-item menu-item-type-post_type menu-item-107″ id=”menu-item-107″><a href=”#”>Informatii practice</a></li>
</ul>
</li>
<li class=”menu-item menu-item-type-post_type menu-item-108″ id=”menu-item-108″><a href=”#”>Finantare pentru cercetare</a>
<ul class=”sub-menu”>
<li class=”menu-item menu-item-type-post_type menu-item-110″ id=”menu-item-110″><a href=”#”>Pentru Romania</a></li>
<li class=”menu-item menu-item-type-post_type menu-item-109″ id=”menu-item-109″><a href=”#”>In Europa</a></li>
</ul>
</li>
<li class=”menu-item menu-item-type-post_type menu-item-127″ id=”menu-item-127″><a href=”#”>Locuri de munca</a>
<ul class=”sub-menu”>
<li class=”menu-item menu-item-type-post_type menu-item-126″ id=”menu-item-126″><a href=”#”>In Romania</a></li>
<li class=”menu-item menu-item-type-post_type menu-item-125″ id=”menu-item-125″><a href=”#”>In Europa</a></li>
<li class=”menu-item menu-item-type-post_type menu-item-124″ id=”menu-item-124″><a href=”#”>Editare CV / Postare joburi</a></li>
</ul>
</li>
<li class=”menu-item menu-item-type-post_type menu-item-111″ id=”menu-item-111″><a href=”#”>Drepturi EURAXESS</a></li>
</ul>
</div>
`or can i add the class current-menu-item to the id ?
- The topic ‘wp_nav_menu ul problem’ is closed to new replies.