Using a custom image in the header

Homepage › Community Forums › Epik Theme Support › Using a custom image in the header

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 29, 2013 at 10:00 am #8523
    Bob_Fortner
    Customer

      I’ve added a 360×120 pixel image by uploading it with the “custom header” tool in WordPress.

      It seems to have pushed the navagation menu and other content on the main page down, which I’d like to fix.

      Also, when viewing it on smaller screen sizes the logo doesn’t resize. On an iPhone it it cut off on the right. It also never switches to centered rather than left justified. When I had just text in the header it seized and by the time it got to a phone size screen it switched to centered rather than left justified. I’d like to figure out how to make the custom image behave more like the text used to.

      October 30, 2013 at 11:24 am #8536
      Eric
      Customer

        Do you have a link?

        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        October 30, 2013 at 12:03 pm #8543
        Bob_Fortner
        Customer

          Here’s the link to my site: http://photography.bobfortner.com/

          October 30, 2013 at 12:29 pm #8547
          Eric
          Customer

            Ok, it’s the same issue as this – https://appfinite.com/topic/epik-header-image-navigation-area/#post-8430 ….the solution there should be enough to fix it. If you run into an issue just let me know.

            I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

            October 30, 2013 at 4:22 pm #8554
            Bob_Fortner
            Customer

              That took care of the first issue in my original post. The nav menu is not pushed down any more. Thank you for the help!

              But the logo still doesn’t re-size and center for smaller screens. An iPhone screen is a good example of what I’m talking about.

              October 30, 2013 at 10:06 pm #8566
              Eric
              Customer

                If you add background-size: contain !important; to your #header in the responsive section of your css then it should work.

                I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

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