Title: Move header image above menu
Last modified: August 30, 2016

---

# Move header image above menu

 *  [emster83](https://wordpress.org/support/users/emster83/)
 * (@emster83)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/move-header-image-above-menu/)
 * I want to move the header image to above the menu, can anyone tell me which bit
   of codes I have to edit to make this happen?
    I have made a child theme and copied
   the header.php file to the child theme, I just can’t figure out what code I have
   to use to move the header image above the menu. The site I need the code for 
   is [http://eigenkrachtvoer.nl](http://eigenkrachtvoer.nl).

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

 *  [actionGeologist](https://wordpress.org/support/users/actiongeologist/)
 * (@actiongeologist)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/move-header-image-above-menu/#post-6896422)
 * I want to know this as well!
 *  [almcr](https://wordpress.org/support/users/almcr/)
 * (@almcr)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/move-header-image-above-menu/#post-6896423)
 * There are 2 chunks of code, one for the menu and one for the header image enclosed
   in “<?php” and “?>” tags, just switch them.
 * you may have to make updates to the CSS after doing this.
 * please do this in a child theme, leave the code in the theme twentysixteen alone.
   copy header.php into your child theme and modify it.
 * Al
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/move-header-image-above-menu/#post-6896429)
 * If you have a child theme, you can add this to the end of your child theme’s 
   style.css file. Otherwise, you can use a CSS plugin like Jetpack or [Custom CSS Manager](http://wordpress.org/plugins/custom-css-manager-plugin/).
 *     ```
       /* Flexbox container */
       #masthead {
          display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;      /* TWEENER - IE 10 */
          display: -webkit-flex;     /* NEW - Chrome */
          display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
          -webkit-box-orient: vertical;
          -ms-flex-direction: column;
          -webkit-flex-direction: column;
          flex-direction: column;
       }
       .header-image {
          -webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
          -moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
          -ms-flex-order: 1;              /* TWEENER - IE 10 */
          -webkit-order: 1;               /* NEW - Chrome */
          order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
       }
       .site-header-main {
          -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
          -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
          -ms-flex-order: 2;              /* TWEENER - IE 10 */
          -webkit-order: 2;               /* NEW - Chrome */
          order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
       }
       ```
   

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

The topic ‘Move header image above menu’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentysixteen/3.7/screenshot.png)
 * Twenty Sixteen
 * [Support Threads](https://wordpress.org/support/theme/twentysixteen/)
 * [Active Topics](https://wordpress.org/support/theme/twentysixteen/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentysixteen/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentysixteen/reviews/)

## Tags

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

 * 3 replies
 * 4 participants
 * Last reply from: [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/move-header-image-above-menu/#post-6896429)
 * Status: not resolved