WordPress.org

Ready to get started?Download WordPress

Forums

Coraline
[resolved] Moving Pages Below Header (16 posts)

  1. WeDivine
    Member
    Posted 1 year ago #

    Hello :D,
    I am trying to move my pages below my header, can anyone help me with this? I am a newb when it comes to code and really appreciate your assistance.

    Thank You!

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    If you mean you want to move the menu below the header, that would require modifying the header.php file - and to do that, you'll need to use a Child Theme so that your changes aren't overwritten when the theme is updated.

    http://codex.wordpress.org/Child_Themes

    Once that's set up, someone can help you with the code changes.

    (I deleted your other duplicate thread, BTW.)

  3. WeDivine
    Member
    Posted 1 year ago #

    Thank you for responding so promptly. I created my Child Theme, can you assist me with what to do next?

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Cool, so now you need to make a copy of the header.php file in the child theme and move this piece of code:

    <div id="access" role="navigation">
    		  <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
    			<div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'coraline' ); ?>"><?php _e( 'Skip to content', 'coraline' ); ?></a></div>
    			<?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used.  If none is assigned, the menu with the lowest ID is used.  */ ?>
    			<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
    		</div><!-- #access -->

    to just below this line:

    </div><!-- #branding -->

    Might need some CSS adjustments...but let's see how that looks.

  5. WeDivine
    Member
    Posted 1 year ago #

    Almost there! Still have the top one though. Do you know what to do?

    wedivine.org

    Header.php below

    <?php
    /**
     * @package Coraline
     * @since Coraline 1.0
     */
    ?><!DOCTYPE html>
    <!--[if IE 6]>
    <html id="ie6" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if IE 8]>
    <html id="ie8" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if (!IE)]><!-->
    <html <?php language_attributes(); ?>>
    <!--<![endif]-->
    
    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <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="container" class="hfeed contain">
    <?php do_action( 'before' ); ?>
    	<div id="header">
    		<div id="masthead" role="banner">
    			<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
    			<<?php echo $heading_tag; ?> id="site-title">
    				<span>
    					<a>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
    				</span>
    			</<?php echo $heading_tag; ?>>
    			<div id="site-description"><?php bloginfo( 'description' ); ?></div>
    		</div><!-- #masthead -->
    
    		<div id="access" role="navigation">
    		  <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
    			<div class="skip-link screen-reader-text"><a href="#content">"><?php _e( 'Skip to content', 'coraline' ); ?></a></div>
    			<?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used.  If none is assigned, the menu with the lowest ID is used.  */ ?>
    			<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
    		</div><!-- #access -->
    
    		<div id="branding">
    			<?php
    				// Check to see if the header image has been removed
    				if ( '' != get_header_image() ) :
    			?>
    			<a>">
    				<?php
    					// The header image
    					// Check if this is a post or page, if it has a thumbnail, and if it's a big one
    					if ( is_singular() && has_post_thumbnail() && ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'post-thumbnail' ) ) && $image[1] >= HEADER_IMAGE_WIDTH ) :
    						// Houston, we have a new header image!
    						the_post_thumbnail();
    					else : ?>
    					<img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" />
    				<?php endif; // end check for featured image or standard header ?>
    			</a>
    			<?php endif; // end check for removed header image ?>
    		</div><!-- #branding -->
    		<div id="access" role="navigation">
    		  <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
    			<div class="skip-link screen-reader-text"><a href="#content">"><?php _e( 'Skip to content', 'coraline' ); ?></a></div>
    			<?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used.  If none is assigned, the menu with the lowest ID is used.  */ ?>
    			<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
    		</div><!-- #access -->
    	</div><!-- #header -->
    
    	<div id="content-box">
  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    You need to remove the second instance of that chunk of code - it's between these lines:

    </div><!-- #branding -->
    
    take out the navigation section here
    
    </div><!-- #header -->
  7. WeDivine
    Member
    Posted 1 year ago #

    Cool! Thanks dude :D Helped me out big time. One more thing, how can I add padding between the header and the navigation menu?

  8. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Try adding this to the new child style.css file:

    #access {
       margin-top: XXpx;
    }

    (BTW, it's dudette :) ! )

  9. WeDivine
    Member
    Posted 1 year ago #

    Lol thank you ma'am. :D

    I typed the code in and nothing happened, any suggestions?

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    LOL - you need to change the "XX" to some number of px - sorry I should have been more clear on that - try 50px; - adjust as you like.

  11. WeDivine
    Member
    Posted 1 year ago #

    Hmm, I tried the numbers in there, still nothing. Maybe I'm doing something wrong, here's the code underneath.

    /*
    Theme Name: Coraline Child
    Theme URI: wedivine.org
    Description: Child theme for the Coraline
    Author: WeDivine
    Author URI: wedivine.org
    Template: coraline
    Version: 3.5.1
    */

    @import url("../coraline/style.css");

    #access {
    margin-top: 160px;
    }

  12. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    It's working - clear your browser cache :)!

  13. WeDivine
    Member
    Posted 1 year ago #

    Wonderful thank you! You are a lifesaver :D

  14. WeDivine
    Member
    Posted 1 year ago #

    Hey I had three more questions for you, this site is almost done and these would finish it off! Ok, do you know how make an opt-in form always visible in the sidebar? How to convert a jpeg file into an opt in file? And how to put social media icons on the navigation bar? Your seriously my hero for helping me out :D

  15. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yep, but can you start a new thread - as these are different topics from this one. (I'm also about to sign off for tonight - it's late here - but if someone else doesn't jump in here before hand, I'll look you up in the am.)

    You probably need plugins for those items, though not sure what you mean by converting a jpeg into an opt-in form.

  16. WeDivine
    Member
    Posted 1 year ago #

    Sure thank you!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic