Title: Header size problem on full-width pages
Last modified: August 30, 2016

---

# Header size problem on full-width pages

 *  Resolved [HortenseCapucine](https://wordpress.org/support/users/hortensecapucine/)
 * (@hortensecapucine)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/)
 * Hi!
 * I’m using a child theme of Sela.
 * I have a problem with my header size. On most pages it appears correctly (front
   page OK, grid page OK) but on full-width pages the area dedicated to the header
   is reduced, so that it does not fully appear (see for example [http://www.hortense-capucine.com/poupees/emma](http://www.hortense-capucine.com/poupees/emma))
 * Do you have an idea on how I can manage that problem?
 * PS: I have read that some people encountered problems with the size of pictures
   since WP 4.4 update. I just would like to report that I have had the same issue.
   Before WP 4.4 update, when selecting “original size”, pictures would automatically
   adjust to the page. Bug since the update, I have to manually resize all pictures
   in order to have them adjusted. Do you know if there is a simplier way to do 
   so?
 * Thanks a lot for your help.

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

 *  [sacredpath](https://wordpress.org/support/users/sacredpath/)
 * (@sacredpath)
 * Automattic Happiness Engineer
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/#post-6886940)
 * This is strange, and I’m not sure why this is happening. The relevant CSS and
   HTML on the full-width page and others is the same. The following CSS will fix
   the issue on all full-width pages.
 *     ```
       .page-template-full-width-page .site-branding {
           min-height: 150px !important;
       }
       ```
   
 *  Thread Starter [HortenseCapucine](https://wordpress.org/support/users/hortensecapucine/)
 * (@hortensecapucine)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/#post-6886951)
 * It works perfectly, thank you sacredpath!
 *  Thread Starter [HortenseCapucine](https://wordpress.org/support/users/hortensecapucine/)
 * (@hortensecapucine)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/#post-6887008)
 * Hi,
 * I have reopened this topic because I am facing a new issue with my header size…
   The CSS sacredpath gave me works well for old pages, however on new full-width
   pages it seems to generate another issue.
 * See for example: [http://www.hortense-capucine.com/doudous/milo/](http://www.hortense-capucine.com/doudous/milo/)
 * and compare with an older page: [http://www.hortense-capucine.com/doudous/melusine/](http://www.hortense-capucine.com/doudous/melusine/)
 * When I try to delete the CSS: new pages are OK, but old pages are affected again(
   frustrating!)
 * Do you have any clue for me?
    Many thanks.
 *  [sacredpath](https://wordpress.org/support/users/sacredpath/)
 * (@sacredpath)
 * Automattic Happiness Engineer
 * [10 years, 3 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/#post-6887011)
 * Wow, this is interesting. I can’t see why this is happening. I’m chatting with
   one of our developers on this and will hopefully have a solution for this quickly.
   Hang in there.
 *  [sacredpath](https://wordpress.org/support/users/sacredpath/)
 * (@sacredpath)
 * Automattic Happiness Engineer
 * [10 years, 3 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/#post-6887012)
 * The only differences in the HTML on the two pages is that a CSS ID of `index`
   is set in the opening HTML tag. As a temporary fix, let’s use that to target 
   just the one page that had the issue. Change the rule I had given before to this.
 *     ```
       #index .site-branding {
           min-height: 160px !important;
       }
       ```
   
 *  [sacredpath](https://wordpress.org/support/users/sacredpath/)
 * (@sacredpath)
 * Automattic Happiness Engineer
 * [10 years, 3 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/#post-6887013)
 * Add this to your CSS:
 *     ```
       .site-branding {
       padding: 0;
       }
       ```
   
 * Make sure and look around at pages and posts and make sure nothing goes awry,
   but I don’t think it will. Our developers are still looking into why this is 
   happening on one page but not the other.
 *  Thread Starter [HortenseCapucine](https://wordpress.org/support/users/hortensecapucine/)
 * (@hortensecapucine)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/#post-6887014)
 * Hi sacredpath and thank you a lot for your help.
 * OK, I tried the 2 new CSS rules you gave me:
 * – The first one gives the same result as if I completely delete the CSS (i.e.
   new full-width pages are OK but old pages show the issue again).
 * – The second one makes my header reduced on all pages (not only full-width).
 * Looks like an impossible issue! 🙂
 * I have observed that header issues seem to appear following wordpress updates…
   Is there a possible link?
 *  Thread Starter [HortenseCapucine](https://wordpress.org/support/users/hortensecapucine/)
 * (@hortensecapucine)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/#post-6887029)
 * Up for this topic, I still have the issue!
    Thanks.
 *  [sacredpath](https://wordpress.org/support/users/sacredpath/)
 * (@sacredpath)
 * Automattic Happiness Engineer
 * [10 years, 2 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/#post-6887030)
 * Hi, we have been unable to reproduce this issue. I have another thing for you
   to try. Add the following to the bottom of your custom CSS. It appears to take
   care of the problem page, but doesn’t mess with the page that doesn’t have the
   problem.
 *     ```
       .site-branding {
       padding-top: 0;
       padding-bottom: 0;
       }
       ```
   
 *  [obedyeboah](https://wordpress.org/support/users/obedyeboah/)
 * (@obedyeboah)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/#post-6887031)
 * hi i am trying to move my image slide up to fill the space between the main menu
   and the header at the top. can i please get some help
 *  [obedyeboah](https://wordpress.org/support/users/obedyeboah/)
 * (@obedyeboah)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/#post-6887032)
 * this is my website [edifyus.co](http://edifyus.co)
 *  [obedyeboah](https://wordpress.org/support/users/obedyeboah/)
 * (@obedyeboah)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/#post-6887033)
 * 1 more thing i need help with.
 * how do i get the image appear full width
    i am using meta slider, when i click
   preview in meta slider the image appear the size i want but when viewed on the
   website it changes. i know it is something to do with the SELA THEME css.
 * Please can some help me with this. i have been trying different thing but not
   working
 * Thanks
 *  Thread Starter [HortenseCapucine](https://wordpress.org/support/users/hortensecapucine/)
 * (@hortensecapucine)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/#post-6887034)
 * Hi,
 * Thank you for your support!
 * I have updated Sela to the new version 1.0.12 and after that all my pages (even
   the main page) were having the issue.
 * I tried the different CSS you gave me and the combination of the following solved
   the issue on all pages:
 *     ```
       .site-branding {
           min-height: 160px !important;
       }
   
       .site-branding {
       padding: 0;
       }
       ```
   
 * If it can help someone else…
 * Thanks again.
 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/#post-6887035)
 * obedyeboah – please start a new thread to get help with your issue – thanks.
 * [https://wordpress.org/support/theme/sela#postform](https://wordpress.org/support/theme/sela#postform)
 * HortenseCapucine – glad you’re set. I’m marking this thread as resolved.
 *  [obedyeboah](https://wordpress.org/support/users/obedyeboah/)
 * (@obedyeboah)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/#post-6887036)
 * Hi Kathryn. Thanks for replying. I have just made the new thread
 * Cheers.

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

The topic ‘Header size problem on full-width pages’ is closed to new replies.

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

## Tags

 * [full width pages](https://wordpress.org/support/topic-tag/full-width-pages/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [size](https://wordpress.org/support/topic-tag/size/)

 * 15 replies
 * 4 participants
 * Last reply from: [obedyeboah](https://wordpress.org/support/users/obedyeboah/)
 * Last activity: [10 years, 2 months ago](https://wordpress.org/support/topic/header-size-problem-on-full-width-pages/#post-6887036)
 * Status: resolved