• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Header Image Misalignment

Home › Community Forums › Optimal Theme Support › Header Image Misalignment

Tagged: custom header, Optimal

  • This topic has 6 replies, 2 voices, and was last updated 10 years, 2 months ago by Wes.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 21, 2013 at 10:03 pm #2553
    boogybren
    Customer

    Hi again,

    If I use just the header text for my custom header, it aligns up beautifully with the menus on the right .  However when I upload my custom image (which is 960×100), it pushes the image higher than the menus to the right.

    Am I doing something wrong here?

    Brenden

    January 22, 2013 at 12:30 pm #2559
    Wes
    Moderator

    Do you have a link?

    Keep in mind, the header is 960px, so if the logo and the header widget on the right are too wide to fit within the 960px space then the header right widget will fall under.

    January 22, 2013 at 4:02 pm #2565
    boogybren
    Customer

    Ok, that is where my misunderstanding was.  I didn’t realize that the menu encroached on that 960px.  I will make my image smaller then.

    Thanks a million!

    January 23, 2013 at 2:23 am #2584
    boogybren
    Customer

    OK, this isn’t working as I would have thought.  This is what I’ve done with the results I received:

    – Created an image 700px by 100px. WordPress wants to crop it to what appears to be the 960px by 100px aspect, which effectively makes the image bigger but poorer quality.  See 700px100px

    – Created an image 300px by 100px.  Wordpress wants to crop it to what appears to be the 960px by 100px aspect, which effectively makes the image bigger but much poorer quality.  See 300px100px
    – Created an image 960px by 100px. WordPress accepted it without asking me to crop it. But it sits above my menu. See 960px100px

    I just want it to be positioned like the demo header! How can I approach this different to make it work?

    January 23, 2013 at 9:57 pm #2597
    Wes
    Moderator

    Anytime you want to change the header size, you’ll need to look for the background header code in your functions file and add in the exact dimensions of the image you are going to upload (this is the standard way of doing it in Genesis).  Then you should be able to upload your image just fine.

    January 23, 2013 at 10:34 pm #2598
    boogybren
    Customer

    Great, I will give that a go.

    Thanks a million Wes!

    January 25, 2013 at 1:24 pm #2626
    Wes
    Moderator

    You’re Welcome!

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

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework