Changing header height

Homepage › Community Forums › Epik Theme Support › Changing header height

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 12, 2013 at 5:23 pm #9481
    scottpruett
    Customer

      Hey Wes, great child theme.

      I might be missing something, but aside from changing the logo size in functions.php, how do I decrease the height of the header?

      My logo is ~70px high and I need some margin on the top/bottom. I can create another version in PS w/ the margin built-in if need be – no big deal.

      The site isn’t live, but here’s a screen capture of what I’m dealing with…

      screen cap

      Thanks,
      Scott

      December 12, 2013 at 9:22 pm #9482
      Wes
      Moderator

        I would actually need a link in order to figure out what’s going on. Code and or Screenshots won’t be enough to know what’s going on. If you can add a link you can check the box that says Private reply at the bottom and I’ll be the only one that can see it.

        December 12, 2013 at 10:51 pm #9484
        scottpruett
        Customer
          This reply has been marked as private.
          December 13, 2013 at 1:50 pm #9491
          Wes
          Moderator

            You can remove the min-height around line 1954 in your css –

            .header-image .site-title a {
    float: left;
    min-height: 164px;
    width: 100%;
}

            That will remove a lot of that extra space. The other space is coming from the widget area which is around line 1974 and looks like this – 

            .header-image .site-header .widget-area {
    padding: 40px 0;
    padding: 2.5rem 0;
}

            If you edit the padding above (which is for the top and bottom) make sure and edit the “rem” to equal whatever the px is. I would remove the rem and set the padding in px first, then when you have what you need, you can add the rem (make sure it’s equivalent) back.

            If you can, you could either add space to your logo directly by editing the image or you could add padding to the top of the .head-wrap and that will make the logo appear more in the middle of the top and bottom.

            December 13, 2013 at 2:13 pm #9495
            scottpruett
            Customer

              Perfect, thanks!

              December 13, 2013 at 2:43 pm #9496
              Wes
              Moderator

                You’re Welcome!

              • Author
                Posts
              Viewing 6 posts - 1 through 6 (of 6 total)
              • The topic ‘Changing header height’ is closed to new replies.