Hallo,
ich suche nach folgender Lösung:
Habe auf meiner Homepage (http://fabian-kratzer.de) ein Navigationsmenü. Darunter befindet sich ein Kopfbild und anschließend beginnen die Texteinträge. Beim Scrollen verschwindet nun das Navigationsmenü, wenn die Seite zu lange ist. Daher möchte ich, dass das Menü statisch bleibt, das Kopfbild und der Text scrollbar sind. Ich benutze das Theme Graphy.
Der Code dazu sieht folgendermaßen aus:
PHP
<?php/** * The Header for our theme. * * Displays all of the <head> section and everything up till <div id="content"> * * @package Graphy */?><!DOCTYPE html><!--[if IE 8]><html class="ie8" <?php language_attributes(); ?>><![endif]--><!--[if !(IE 8) ]><!--><html <?php language_attributes(); ?>><!--<![endif]--><head><meta charset="<?php bloginfo( 'charset' ); ?>"><meta name="viewport" content="width=device-width, initial-scale=1"><title><?php wp_title( '|', true, 'right' ); ?></title><link rel="profile" href="http://gmpg.org/xfn/11"><link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"><?php wp_head(); ?></head>
<body <?php body_class(); ?>><div id="page" class="hfeed site">
<header id="masthead" class="site-header" role="banner"> <div class="site-branding"> <?php if ( get_theme_mod( 'graphy_logo' ) && get_theme_mod( 'graphy_replace_blogname' ) ) : ?> <h1 class="site-logo"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><img alt="<?php bloginfo( 'name' ); ?>" src="<?php echo esc_url( get_theme_mod( 'graphy_logo' ) ); ?>" /></a></h1> <?php elseif ( get_theme_mod( 'graphy_logo' ) ) : ?> <div class="site-logo"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><img alt="" src="<?php echo esc_url( get_theme_mod( 'graphy_logo' ) ); ?>" /></a></div> <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> <?php else : ?> <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> <?php endif; ?> <?php if ( ! get_theme_mod( 'graphy_hide_blogdescription' ) ) : ?> <div class="site-description"><?php bloginfo( 'description' ); ?></div> <?php endif; ?> </div>
<div class="main-navigation-wrapper"> <nav id="site-navigation" class="main-navigation" role="navigation"> <h1 class="menu-toggle"><?php _e( 'Menu', 'graphy' ); ?></h1> <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'graphy' ); ?></a> <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?> <?php if ( ! get_theme_mod( 'graphy_hide_search' ) ) : ?> <?php get_search_form(); ?> <?php endif; ?> </nav><!-- #site-navigation --> </div>
<?php if ( is_home() && get_header_image() ) : ?> <div id="header-image" class="header-image"> <img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt=""> </div><!-- #header-image --> <?php elseif ( is_page() && has_post_thumbnail() ) : ?> <div id="header-image" class="header-image"> <?php the_post_thumbnail( 'graphy-page-thumbnail' ); ?> </div><!-- #header-image --> <?php endif; ?> </header><!-- #masthead -->
<div id="content" class="site-content">Ich habe schon verschiedene Änderungen im Code probiert, doch keine passende Lösung gefunden. Es wäre schön, wenn mir jemand helfen kann. Vielen Dank schonmal dafür.
Fabi