3. Menü update

wp-header.php habe ich nochmal vereinfacht:

<?php

// =============================================================================
// VIEWS/ETHOS/WP-HEADER.PHP
// -----------------------------------------------------------------------------
// Header output for Ethos.
// =============================================================================

?>

<?php x_get_view( 'global', '_header' ); ?>

  <?php x_get_view( 'global', '_slider-above' ); ?>

  <header class="<?php x_masthead_class(); ?>" role="banner">
    <?php x_get_view( 'ethos', '_post', 'carousel' ); ?>
    <?php x_get_view( 'global', '_topbar' ); ?>
<!-- eingefügt von Steffen -->
      <div id="kontaktmenu">
        <?php
           wp_nav_menu( array(
               'theme_location' => 'second',
               'menu_class' => 'nav'
           ) );
        ?>
    </div>
<!-- bis hier -->
    <?php x_get_view( 'global', '_navbar' ); ?>
    <?php x_get_view( 'ethos', '_breadcrumbs' ); ?>
  </header>

  <?php x_get_view( 'global', '_slider-below' ); ?>
  <?php x_get_view( 'ethos', '_landmark-header' ); ?>

Den betreffenden CSS-Bereich habe ich auch nochmal optimiert:

/*
Kontakt-Menü
*/

#kontaktmenu {
	position:absolute;
	top: 12.5em;
	right: 0em;
	z-index: 2029;
	background-color: 	    rgb(24,112,46);
	line-height: 1em;
	}

#kontaktmenu ul {
	margin:0px;
}

#kontaktmenu li {
	margin: 0.5em;
	list-style-type: none;
} 

#kontaktmenu a {
	font-family: Bio_Bold;
	font-size: 1.2em;
	color: #ffffff;
	text-decoration: none;}
	
#kontaktmenu a:hover {
	background-color: #e8e8e8;
	color: orange;
}


Leave a Comment

Mit der Nutzung akzeptieren Sie unsere Datenschutzerklärung.