[Resolved] Change depth of header area

[William Wood]

Hi,

I am looking to narrow the depth of the ‘header’ area, not sure if that is what you call it.

But the area where the site title/logo and social media icons are.

http://screencast.com/t/udPVUtq3tDVi – this is a screenshot showing the area I mean…

Any help would be great.

[Tom]

Hi there,

If you have the Spacing add-on, you can adjust this in “Customize > Element Spacing > Header padding” by reducing the top and bottom padding.

If not, this CSS will do it:

.inside-header {
      padding-top: 20px;
      padding-bottom: 20px;
}

Adjust the pixels as needed 🙂

[William Wood]

Hi Tom,

Thanks for that, I will have a look not sure if I have that addon.

Great system by the way, for this simple site it has been marvellous, just wish I had set it up with a child theme 🙂 Saying that the client is never going to want to expand the site, so maybe the child theme is not that important in this case.

ONce again thanks

[Tom]

Glad you’re enjoying it! 🙂

[Author]

Posts