Logo in header

Homepage › Community Forums › Epik Theme Support › Logo in header

  • This topic has 3 replies, 2 voices, and was last updated 11 years ago by Wes.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 13, 2013 at 1:37 pm #8862
    Derek
    Customer

      Hello,

      I’m trying to upload our logo (the one currently in the footer 1 widget area) into the header and it is requiring me to crop the image. The logo image size is 323×87 so I thought it would upload fine since it is smaller than 360×164. I’m wondering if I need to change the title/logo area %? Site: http://lightboxleadership.com/

      Also, we are hosted on Synthesis so I need to do this through the FTP and I’m a business owner, not a web developer so this is confusing and scares the heck out of me! 馃檪

      Can you give me some insight on how to get my logo into the header and also point me to a tutorial if you have one easily accessible!? Thank you.

      November 13, 2013 at 8:28 pm #8870
      Wes
      Moderator

        Before you upload your logo, make sure and find out the exact size….then adjust the header/logo size in your functions file to match it. Once you do that, it won’t require you to crop.

        Take a look at this tutorial for uploading logos in Genesis – http://www.carriedils.com/add-logo-genesis-theme/ ….most Genesis themes all work the same.

        November 14, 2013 at 12:36 pm #8892
        Derek
        Customer

          Thanks Wes. I was able to get the logo in the header. Now I have two more questions because the alignment is off:

          1 – Where do I add some padding to bring the logo down a little?
          2 – How do I bring the main navigation up to the right like the demo site? I was unable to find line 681 like you mentioned in this tread https://appfinite.com/topic/epik-header-image-navigation-area/#post-8430

          Will these adjustments be made in the Epik style.css file?

          Thank you.

          November 16, 2013 at 8:10 pm #8944
          Wes
          Moderator

            Since the .head-wrap wraps around the header, you can add padding to the top of it if you want. Line 1875 – 

            .head-wrap {
    background: #303236;
    margin: 0 0 40px;
    padding: 30px 0 0;
}

            For the nav, all you need to do is add a Custom Menu widget inside of the Header Right widget area….then turn off the Primary Navigation.

          • Author
            Posts
          Viewing 4 posts - 1 through 4 (of 4 total)
          • You must be logged in to reply to this topic.