WordPress.org

Ready to get started?Download WordPress

Forums

Sub-menu not appearing in IE (11 posts)

  1. sid03
    Member
    Posted 2 years ago #

    Hi, my website's menu and submenu seems not to be working in Internet Explorer(any version) thakral.com.hk,
    any help would be greatly appreciated!.

    The sub-menu is in "Procurement services" section please help me.

  2. Andrew
    Forum Moderator
    Posted 2 years ago #

    Can't find the sidebar, did you remove it?

  3. sid03
    Member
    Posted 2 years ago #

    @Andrew which sidebar are you talking about ,i didn't remove anything?

  4. Andrew
    Forum Moderator
    Posted 2 years ago #

    Sorry I don't know why I typed that.
    Do you know if the CSS applied to the sub-menu is through jQuery?

  5. sid03
    Member
    Posted 2 years ago #

    i dont know but its not working in internet explorer what should i do for this ?

  6. Andrew
    Forum Moderator
    Posted 2 years ago #

    Are you using a plugin for the drop-down?

  7. sid03
    Member
    Posted 2 years ago #

    no ,its just a template i just made a category page and drag it under the menu "procurement services".

  8. Andrew
    Forum Moderator
    Posted 2 years ago #

    Well I can't find what's applying visibility to your drop down menu on hover, but here are some conflicting selectors that won't work in perhaps IE8, but definitely not IE8 below;

    #topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul
  9. sid03
    Member
    Posted 2 years ago #

    Hello Thanks for this reply but can you help me bit more i mean can you make it compatible just give me a brief idea or structure.

  10. Andrew
    Forum Moderator
    Posted 2 years ago #

    The CSS pseudo selectors need to use compatible elements, such as anchor tags.
    E.g

    #topnav li a:hover ul

    But this implies the hierarchical structure should be

    <ul>
     <li>
      <a>
       <ul>
        <li>
        </li>
       </ul>
      </a>
     </li>
    </ul>

    Do you know which function you're using to create the menu?
    Instead of re-writing the HTML structure, you could use jQuery to select and apply CSS to cross-browser compatibility standards.

    You may still then need to add tables to your drop-down elements for further structure.
    As you can see, there is not a simple answer and browser compatibility is difficult to custom to.

    You can follow the structure on this menu used here
    http://www.cssplay.co.uk/menus/final_drop.html
    which is browser compatible from IE 5.5

  11. sid03
    Member
    Posted 2 years ago #

    <div id="top-navigation">
    <?php wp_nav_menu( array(
    'container' => 'ul',
    'menu_class' => '',
    'menu_id' => 'topnav',
    'depth' => 0,
    'sort_column' => 'menu_order',
    'fallback_cb' => 'nav_page_fallback',
    'theme_location' => 'mainmenu'
    ));
    ?>
    <div class="clear"></div><!-- clear float -->
    </div>

Topic Closed

This topic has been closed to new replies.

About this Topic