Support

Nature theme - sub menu list behind main menu in IE7 (9 posts)

  1. rss mei

    new member


    rss Posted 3 years ago
    #

    Hi,
    I am currently using the Nature theme in Wordpress and found that the drop down menu and sub-menu is not working well in IE 7. I developed my site using Firefox and just only recently tested it out in IE 7.

    How do I correct this?
    My site is http://komodoandflores.com/
    The issue is the drop down menu, for example when I go to My Services >> About >> the sub menu containing pages Contact Me and My Assurance is behind the main menu, when using IE 7.
    It is ok in Firefox.

  2. rss milo

    moderator


    rss Posted 3 years ago
    #

    Open nav.php template and find this line:

    <?php wp_list_cats('sort_column=name&hide_empty=0&optioncount=0&hierarchical=1'); ?>

    and replace with this:

    <?php
    $variable = wp_list_categories('echo=0&number=5&depth=-1&show_count=0&use_desc_for_title=1&title_li=');
    $variable = str_replace(array('(',')'), '', $variable);
    echo $variable;
    ?>

    It's simply another code to retrieve your categories.

  3. rss mei

    new member


    rss Posted 3 years ago
    #

    Hi Milo,
    Thanks for your reply. Can you help me out again?
    The code you provided is for Categories, can you provide me with the code for Pages?

    Kind regards
    Mei

  4. rss milo

    moderator


    rss Posted 3 years ago
    #

    <?php wp_list_pages('arguments'); ?>

    where arguments will need your specs, ie

    <?php wp_list_pages('sort_column=menu_order&depth=-1&title_li='); ?>

    with no indent form for subpages.

  5. rss milo

    moderator


    rss Posted 3 years ago
    #

    You can also use pagemash, which will allow you to manage your multitude of pages with pageMash's slick drag-and-drop style, ajax interface.

  6. rss Zoran

    new member


    rss Posted 2 years ago
    #

    But it still don`t work in IE7... Even in your demo at http://3oneseven.com/wp-themes/5/ nav not work in IE7... Seems there is problem widh z-index?

  7. rss milo

    moderator


    rss Posted 2 years ago
    #

    Can be solved with conditional ie7 CSS tags, example:

    <!--[if IE 7]>
    Special instructions for IE 7 here
    <![endif]-->

    or

    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="IE7styles.css" />
    <![endif]-->

  8. rss Zoran

    new member


    rss Posted 2 years ago
    #

    Can you give us an exemple, please? For us, non-developers :)

  9. rss milo

    moderator


    rss Posted 2 years ago
    #

    well, use it this way:

    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="path to your IE7styles.css" />
    <![endif]-->

    and the content of the ie stylesheet:

    #header{z-index:1001 !important;}
    #content{z-index:997 !important;}

    you can use also other id tags such as the #menu.

Reply

You must log in to post.

Design by milo

Milo designs web sites that strike the perfect balance between professional high-class graphics, functionality, usability, user experience, and high performance.