Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
  • #2300

    I have a problem where every 1st sub page from a parent page doesn’t show up when hovering over the menu. For example, I have a main page “packages” with 3 sub pages ; package 1 , package 2 & package 3. They have an order # assigned to them & all however when I visit the page and I hover over the parent page on the main navigation only package 2 & 3 show up. I have the same problem with my portfolio parent page & sub pages as well.

    Any help would be greatly appreciated.



    Did you use the menu manager under Appearance > Menu? You can build your own menu there using pages, links and categories.


    Yes, I’ve already set up a custom menu.


    Can you post a link please. Maybe it’s a css problem.







    Anyone else run into this issue?



    I investigated it a bit and it seems to be a css problem. When you’ve a look at the html source code you’ll find the missing menu items – i.e. -

    <ul class='nav'><li class='current-menu-item'><a href=''>Home</a></li><li class="page_item page-item-2"><a href="" title="About">About</a></li>

    <li class="page_item page-item-42"><a href="" title="Packages">Packages</a>
    <ul class='children'>
    <li class="page_item page-item-527"><a href="" title="alpha">alpha</a></li>
    <li class="page_item page-item-499"><a href="" title="Alpha 6">Alpha 6</a></li>
    <li class="page_item page-item-501"><a href="" title="Alpha 9">Alpha 9</a></li>
    <li class="page_item page-item-504"><a href="" title="Alpha 10">Alpha 10</a></li>

    <li class="page_item page-item-46"><a href="" title="Media">Media</a>
    <ul class='children'>
    <li class="page_item page-item-146"><a href="" title="Portfolio 1 Column">Portfolio 1 Column</a></li>
    <li class="page_item page-item-149"><a href="" title="Portfolio 2 Columns">Portfolio 2 Columns</a></li>
    <li class="page_item page-item-151"><a href="" title="Portfolio 3 Columns">Portfolio 3 Columns</a></li>
    <li class="page_item page-item-153"><a href="" title="Portfolio 4 Columns">Portfolio 4 Columns</a></li>
    <li class="page_item page-item-155"><a href="" title="Portfolio 4 Columns Sortable">Portfolio 4 Columns Sortable</a></li>

    <li class="page_item page-item-183"><a href="" title="News">News</a></li>
    <li class="page_item page-item-44"><a href="" title="Contact">Contact</a></li>

    The only problem is that I haven’t found a solution yet.


    thank you. If you’d like I can e-mail you the css files.



    no I don’t need the css files – I can download/view them myself. It would be interesting if you’ve any plugins installed, which can cause this problem.


    I only have a hand full of plug ins installed:

    – Akismet

    – All in One SEO Pack

    – MapPress Easy Google Maps

    – Really Simple CAPTCHA

    – WP-Simple-Contact-Form-with-Captcha



    I deactivated the plug ins one by one and the problem still persists.



    This bug is caused by this code hiding the 1st item:

    #top .nav li:first-child a {
    border:medium none;

    Open up style.css and on (or around line 230) remove this to fix the problem:




    Thanks for the help James. That definitely fixed it, however it also brought back the pesky “home” text link in the main navigation. I put the “display:none;” code in the CSS line as a solution to get rid of the Home link as suggested by another support staff.

    So how do I get rid of the Home link now?

    Thank you



    If you use a custom menu the home link shouldn’t appear in your main menu. You can exclude/include the home link from your menu by using the menu manager under Appearance > Menu.


    Hey, I am trying to create child menus but I cant, I am using the menu manager under appearance. do you know what the problem may be?


    I found what the issue is: it was conflicting with a plugin I have

    Any ideas how to avoid the conflict?



    I had a short look at the source code and couldn’t find jquery code which may cause the problem.


    Thanks for checking would you like me to send you the plugin’s files?


    If you want to avoid to change style.css and do not want to use menu manager, just create one subpage “test” with the order 0. It won’t appear but will make your other subpages appear as this test page “takes the place” of the subpage that was hidden before.



    Thanks for this tip. Please be aware that this “hack” can affect search engines.

Viewing 20 posts - 1 through 20 (of 20 total)

The topic ‘Parent – Sub page navigation problem!’ is closed to new replies.