Navigation Bar

  • Unknown's avatar
    firstboy11 · Member ·

    Hi,
    I am developing a website on Harmonic Theme. I put an image for the header and it’s fine. Now the Navigation Bar is on top of the page but I want it under the Header image. There is only one way that is to edit the css style because there is no widget to move the Navigation Bar. But I am facing trouble to edit the CSS File. Can you help me so that the navigation bar is on bottom of the header image. Here is the header.php code.

    <?php
    /**
    * The Header for our theme.
    *
    * Displays all of the <head> section and everything up till <div id=’content’>
    *
    * @package harmonic
    */
    ?>
    <!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <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’>
    <?php do_action( ‘before’ ); ?>

    <header id=’masthead’ role=’banner’>
    <div id=’mobile-panel’>
    <div id=’mobile-link’>
    <span id=’menu-title’><?php _e( ‘Menu’, ‘harmonic’ ); ?></span>
    </div>
    <h1 class=’site-title’>‘ rel=’home’><?php bloginfo( ‘name’ ); ?></h1>
    </div>

    <div id=’mobile-block’>
    <nav id=’site-navigation’ class=’main-navigation’ role=’navigation’>
    <?php _e( ‘Skip to content’, ‘harmonic’ ); ?>
    <?php wp_nav_menu( array( ‘theme_location’ => ‘primary’ ) ); ?>
    <!– #site-navigation .main-navigation –>

    <div id=’site-branding’>
    <h1 class=’site-title’>‘ rel=’home’><?php bloginfo( ‘name’ ); ?></h1>
    <?php
    if ( has_nav_menu( ‘social’ ) ) : ?>
    <div id=’social-links-wrapper’>
    <?php wp_nav_menu( array(
    ‘theme_location’ => ‘social’,
    ‘container_class’ => ‘social-links’,
    ‘menu_class’ => ‘clear’,
    ‘link_before’ => ‘<span class=’screen-reader-text’>’,
    ‘link_after’ => ‘</span>’,
    ) ); ?>
    </div>
    <?php endif; ?>
    </div>

    <nav id=’site-navigation’ class=’desktop-nav main-navigation site-wrapper’ role=’navigation’>
    <?php _e( ‘Skip to content’, ‘harmonic’ ); ?>
    <?php wp_nav_menu( array( ‘theme_location’ => ‘primary’ ) ); ?>
    <!– #site-navigation .main-navigation –>
    </header>

    <?php
    $header_image = get_header_image();

    if ( ! empty( $header_image ) && ! is_tax( ‘jetpack-portfolio-tag’ ) && ! is_tax( ‘jetpack-portfolio-type’ ) ) : ?>

    <div id=’custom-header’ style=’height: 400px;’>
    </div>

    <?php endif; ?>

    <div id=’content-wrapper’>
    <div id=’content’ class=’site-wrapper’>

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    I strongly suspect that http://theclubpenguinadvancedblog.wordpress.com/ is not the site referred to and the site referred to is not on WordPress.COM servers.

    We provide support only for wordpress.COM hosted sites and our support docs do not apply to
    (1) local installs of wordpress.ORG software on your own server or
    (2) wordpress.ORG software installs on paid hosting, and we do not provide support for them at wordpress.COM.
    (3) sites linked to wordpress.COM accounts with the Jetpack plugin so they display on the My Sites wordpress.com account page.

    WordPress.COM and WordPress.ORG are completely separate and have different username accounts, logins, features, run different versions of some themes with the same names, and have separate support documentation and separate support forums. Read the differences here http://en.support.wordpress.com/com-vs-org/

    wordpress.org support
    The wordpress.ORG support forum is at     http://wordpress.org/support. The wordpress.ORG login link is here https://login.wordpress.org/ If you do not have an account yet then click Create an account https://login.wordpress.org/register/ and if you have lost an account password click Lost password? https://login.wordpress.org/lostpassword/
    WordPress.org support docs are at https://codex.wordpress.org/Main_Page
    See also https://apps.wordpress.org/support/ for app support.

    Jetpack support
    Some Jetpack solutions are here http://jetpack.com/support/
    Others are in the Jetpack support forum at WordPress.org
    http://wordpress.org/support/plugin/jetpack
    However, if help cannot be found at either one then they can file a Jetpack support ticket here > http://en.support.wordpress.com/contact/?jetpack=needs-service

  • The topic ‘Navigation Bar’ is closed to new replies.