Epik Header Reducing Gap

Homepage › Community Forums › Epik Theme Support › Epik Header Reducing Gap

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 12, 2014 at 6:49 pm #10642
    j_hampson
    Customer

      Hi

      Firstly apologies for starting a new thread, but the system wouldn’t let me reply to an existing thread.

      Site in discussion: rcs.nextdev.co.uk

      Issue:
      Trying to reduce the gap between the header that holds the logo (360×164) in the top left corner.

      Tried so far:
      https://appfinite.com/topic/reducing-the-height-of-the-top-area-that-holds-the-logo/#post-10489
      >>> Followed this but it resulted in the bottom of the logo getting chopped off.

      https://appfinite.com/topic/header-image-size-query/
      >>> Didn’t offer full resolution and I couldn’t add to the strand to ask for clarification

      Would really appreciate someone being kind enough to shed some light on what I need to try next.

      Many thanks in advance
      Jacqueline

      February 12, 2014 at 6:51 pm #10643
      Wes
      Moderator

        Are you trying to reduce the space at the very top of the logo, or the bottom of the logo?

        Also, I noticed that you have a Primary Menu activated right under your logo, but you have the font styled as white #fff in your css which isn’t showing up since it’s on a white background. This is what that extra space is at the bottom of the logo (between the logo and slider.)

        February 12, 2014 at 7:01 pm #10644
        j_hampson
        Customer

          Hello Wes

          Not only are you amazingly prompt – you’re a wizard at spotting my numpty mistake!

          I was talking about the space below the logo – so yes my primary nav bar was confusing things.

          Thank you so much!

          Jacqueline

          February 12, 2014 at 7:02 pm #10645
          Wes
          Moderator

            You’re Welcome! Glad I could help 馃檪

            February 12, 2014 at 7:27 pm #10647
            Wes
            Moderator

              Just saw your tweet 馃檪

              If you want to remove the space under the slider, you can do so by looking at line 1168 for this – 

              .slider .wrap {
    margin: 0 auto 20px;
    padding: 0;
    width: 1140px;
}

              Change the 20px to 0 and that will remove that space.

              .slider .wrap {
    margin: 0 auto 0;
    padding: 0;
    width: 1140px;
}
              February 12, 2014 at 7:34 pm #10648
              j_hampson
              Customer

                Thanks Wes – you’re awesome.

                I was just in the process of trying to follow the logic of the header gap posts. Had just reduced the slider wrap to 10 (from 20) and noted it halved it.

                Then got double-confidence to go for ‘0’ when I suddenly got your response (another speedy reply).

                And now I’ll finally let myself call it a day (UK time, I’m not wimping out honest), been at it since lunchtime.

                Thank you so much again.

                Best wishes
                Jacqueline

                February 12, 2014 at 7:35 pm #10649
                Wes
                Moderator

                  You’re Welcome!

                • Author
                  Posts
                Viewing 7 posts - 1 through 7 (of 7 total)
                • The topic ‘Epik Header Reducing Gap’ is closed to new replies.