Title: Header misalignment
Last modified: September 1, 2016

---

# Header misalignment

 *  [jdiaz110](https://wordpress.org/support/users/jdiaz110/)
 * (@jdiaz110)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/header-misalignment/)
 * Hi, I’m using WP 4.5.3 with the latest sketch theme 1.2.2. I have an issue with
   the header jumping when I switch pages. My front page is a portfolio page and
   it looks like the header sits higher then the other pages. If I switch it to 
   a full width page the headers are perfectly aligned. Any help would be so very
   appreciated, thanks.

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

 *  Thread Starter [jdiaz110](https://wordpress.org/support/users/jdiaz110/)
 * (@jdiaz110)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/header-misalignment/#post-7645755)
 * Hi, I’m using WP 4.5.3 with the latest sketch theme 1.2.2. I have an issue with
   the header jumping when I switch pages. My front page is a portfolio page and
   it looks like the header sits higher then the other pages. The other pages are
   full width and blog post pages If I switch it to a full width page the headers
   are perfectly aligned. Any help would be so very appreciated, thanks.
    javidiaz.
   dreamhosters.com
 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/header-misalignment/#post-7645931)
 * Hi [@jdiaz110](https://wordpress.org/support/users/jdiaz110/),
 * You’re right! I’m going to have a look into why the spacing around the menu is
   a little different to other pages but, in the meantime, you can patch the issue
   with some custom CSS.
 * As you already have [Jetpack](https://jetpack.com) installed, a straightforward
   way to add CSS is to activate [its custom CSS module](https://jetpack.com/support/custom-css/).
   From there navigate to Appearance > Edit CSS.
 * (Alternatively, you can [set up a child theme](https://codex.wordpress.org/Child_Themes)
   or [activate a standalone CSS plugin](https://wordpress.org/plugins/search.php?q=custom+css).)
 * Enter the following snippet in the custom CSS editor:
 *     ```
       .page-template-portfolio-page-php .site-header {
           margin-bottom: inherit;
       }
       ```
   
 * Let me know how you get on with that or if you have any extra questions!
 *  Thread Starter [jdiaz110](https://wordpress.org/support/users/jdiaz110/)
 * (@jdiaz110)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/header-misalignment/#post-7645933)
 * Siobhan,
 * Thank you for responding and posting a solution. This did the job. I’m not very
   familiar with CSS yet, but the snippet of code is inheriting from the the main
   page of the sketch theme? is that correct?
 * Regards
 * Javi
 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/header-misalignment/#post-7645963)
 * Hi Javi,
 * I’m glad that did the job!
 * You’re right that the CSS I provided forces the portfolio page to inherit the
   spacing used on all others pages of the theme.
 * If you’re curious about how I found the needed CSS: I used my browser’s built
   in tools to inspect the theme’s existing CSS and experiment with the specific
   CSS for your needs. We have guidance on how you could use your browser’s tool
   in a similar way here:
 * [https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/](https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/)
 * We also have a good introduction to CSS and links to other introductory resources
   here:
 * [https://en.support.wordpress.com/custom-design/css-basics](https://en.support.wordpress.com/custom-design/css-basics)
 * If you’re interesting in learning CSS or customising Sketch further, I’d be happy
   to help with any questions that come up.

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

The topic ‘Header misalignment’ is closed to new replies.

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

## Tags

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

 * 4 replies
 * 2 participants
 * Last reply from: [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * Last activity: [9 years, 8 months ago](https://wordpress.org/support/topic/header-misalignment/#post-7645963)
 * Status: not resolved