• Opgelost FemkeFatale

    (@missfirenze)


    Ik ben bezig met een website waarbij ik de volgende template heb aangeschaft: http://themes.themesector.com/?theme=broadway

    Mijn site is:

    Er zijn twee menu’s meegeleverd, waarvan het hoofdmenu het perfect doet, maar de topnavigatie maar niet wil. Nu ben ik een beetje bekend met de programmataal, maar ik vermoed dat dit wat verder gaat. Het zit hem niet in de menu instellingen.

    De header.php=

    </script>

    <style type=”text/css”>
    body {
    background-color: #<?php echo get_option(‘pyre_bg_color’); ?>;
    <?php if(get_option(‘pyre_show_pattern’) == ‘On’): ?>
    background-image: url(‘<?php bloginfo(’template_directory’); ?>/images/patterns/<?php echo get_option(‘pyre_pattern’); ?>.png’);
    <?php elseif(get_option(‘pyre_bg_image’)): ?>
    background-image: url(‘<?php echo get_option(‘pyre_bg_image’); ?>’);
    background-repeat: <?php echo get_option(‘pyre_bg_repeat’); ?>;
    <?php endif; ?>
    }
    .menu-top-container, #header-container { background-color: #<?php echo get_option(‘pyre_header_bg_color’); ?>; }
    #navigation { background-color: #787878<?php echo get_option(‘pyre_nav_bg_color’); ?>;}
    </style>
    </head>

    <div id=”full-header-container”>
    <!– BEGIN HEADER-TOP –>
    <?php wp_nav_menu(array(’theme_location’ => ’topNav’, ‘depth’ => 3, ‘fallback_cb’ => false, ‘menu_class’ => ’topNav’)); ?>
    <!– END HEADER-TOP –>

    <!– BEGIN HEADER –>
    <div id=”header-container”>
    <div id=”header”>

    <!– BEGIN HEADER-MIDDLE –>
    <div id=”header-middle” class=”clearfix”>

    <div id=”logo”>
    <?php
    if(get_option(‘pyre_logo’)) {
    $logo = get_option(‘pyre_logo’);
    } else {
    $logo = get_bloginfo(’template_directory’) . ‘/images/logo.png’;
    }
    ?>
    ‘><img src=”<?php echo $logo; ?>” alt=”<?php bloginfo(‘name’); ?>” />
    </div>

    CSS=

    /* Top Nav */

    .menu-top-container { background: #191919 url(‘images/header_bg.png’) repeat-x top left; height: 37px; }
    .topNav { width: 982px; margin: 0 auto; }
    .topNav li { float: left; line-height: 36px; margin-right: 19px; font-size: 11px; height: 36px; position: relative; }
    .topNav a { color: #898989; float: left; height: 36px; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.9); }
    .topNav li ul { background: #444; position: absolute; top: 36px; left: 0; z-index: 10; width: 160px; display: none; margin-top: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }
    .topNav li ul li:first-child a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }
    .topNav li ul li { background: none; float: none; display: block; height: 35px; border-bottom: 1px solid #2A2A2A; width: 160px; }
    .topNav li ul li:last-child { border-bottom: 0; }
    .topNav li ul li a { width: 120px; float: none; display: block; height: 35px; line-height: 35px; margin-right: 0; font-size: 12px; padding-left: 20px; padding-right: 20px; }
    .topNav li ul li a:hover { background: url(‘images/nav_hover_bg.png’) repeat-x; }

    /* Header */

    #header-container { background: #191919 url(‘images/header_bg.png’) repeat-x 0px -37px; height: 207px; position: relative; }
    #header { width: 982px; margin: 0 auto; }
    #logo { float: left; margin-top: -300px; }
    #header-banner { float: right; margin-top: 29px; border: 1px solid #000000; }

    Ik hoop dat iemand me kan helpen ontdekken waar de fout zit 🙂
    Het zou mij enorm helpen!
    Alvast bedankt voor de moeite 🙂

    MissFirenze

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Thread starter FemkeFatale

    (@missfirenze)

    Mijn site ontbreekt in bovenstaande tekst. Nogmaals http://trendsmania.nl/
    http://trendsmania.nl/

    Je hebt met de z-index lopen stoeien en nu staat het allemaal een beetje voor en achter elkaar.

    Dit komt waarschijnlijk door die Overlay pop-up? ding die bovenaan de pagina’s staat op display none. Waarschijnlijk komt deze omhoog bij pop-up van foto’s en andere dingen.

    Maar een snelle oplossing:

    Dit:

    .topNav li {
         float: left;
         line-height: 36px;
         margin-right: 19px;
         font-size: 11px;
         height: 36px;
         position: relative;
    }

    Moet dit worden:

    .topNav li {
        float: left;
        line-height: 36px;
        margin-right: 19px;
        font-size: 11px;
        height: 36px;
        position: relative;
        z-index: 99999;
    }

    Thread starter FemkeFatale

    (@missfirenze)

    Helemaal top! Heel erg bedankt! De topnavigatie staat op zijn plek.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Topnavigatie verdwenen’ is gesloten voor nieuwe reacties.