Title: move header/page layout
Last modified: September 14, 2017

---

# move header/page layout

 *  [gardza](https://wordpress.org/support/users/gardza/)
 * (@gardza)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/move-header-page-layout/)
 * the search bar on my page is a header widget. I want to move the whole .site-
   header section the under .site-brading (logo and title). what ccs can I use to
   switch the position of these two sections? I would potentially like it under 
   the nav bar before the content instead, but just the simple switch is good to
   start. I have only minimal coding experience (hence me asking here ha!), and 
   was unsuccessful in trying to mess with the css positioning on my own.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmove-header-page-layout%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Roch](https://wordpress.org/support/users/rochesterj/)
 * (@rochesterj)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/move-header-page-layout/#post-9496948)
 * hi!
 * Thanks for reaching out!
 * Unfortunately this can’t be done via CSS. You’ll need to edit your theme files
   to achieve that.
 * This may be in the header.php file or in a functions file depending on how your
   header is being created.
 * Thanks!
 * Kind Regards,
    -Roch
 *  Thread Starter [gardza](https://wordpress.org/support/users/gardza/)
 * (@gardza)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/move-header-page-layout/#post-9497171)
 * Thanks for the help. Its the default rookie theme header & php:
 * <?php
    /** * The header for our theme. * * Displays all of the <head> section
   and everything up till <div id=”content”> * * [@package](https://wordpress.org/support/users/package/)
   Rookie */ ?><!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta
   charset=”<?php bloginfo( ‘charset’ ); ?>”> <meta name=”viewport” content=”width
   =device-width, initial-scale=1″> <link rel=”profile” href=”[http://gmpg.org/xfn/11″&gt](http://gmpg.org/xfn/11″&gt);
   <link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>”> <?php wp_head();?
   > </head>
 * <body <?php body_class(); ?>>
 * <div class=”sp-header”><?php do_action( ‘sportspress_header’ ); ?></div>
    <div
   id=”page” class=”hfeed site”> [<?php _e( ‘Skip to content’, ‘rookie’ ); ?>](https://wordpress.org/support/topic/move-header-page-layout/?output_format=md#content)
 *  <header id=”masthead” class=”site-header” role=”banner”>
    <?php rookie_header_area();?
   > </header><!– #masthead –>
 *  <div id=”content” class=”site-content”>
    <?php do_action( ‘rookie_before_template’);?
   >

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘move header/page layout’ is closed to new replies.

 * ![](https://ps.w.org/sportspress/assets/icon-256x256.png?rev=1252005)
 * [SportsPress - Sports Club & League Manager](https://wordpress.org/plugins/sportspress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/sportspress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/sportspress/)
 * [Active Topics](https://wordpress.org/support/plugin/sportspress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/sportspress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/sportspress/reviews/)

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [positioning](https://wordpress.org/support/topic-tag/positioning/)

 * 2 replies
 * 2 participants
 * Last reply from: [gardza](https://wordpress.org/support/users/gardza/)
 * Last activity: [8 years, 8 months ago](https://wordpress.org/support/topic/move-header-page-layout/#post-9497171)
 * Status: not resolved