• 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

Another Header Issue/Question

Home › Community Forums › Epik Theme Support › Another Header Issue/Question

Tagged: header, image

  • This topic has 8 replies, 3 voices, and was last updated 8 years, 10 months ago by Eric.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 12, 2013 at 11:03 am #6457
    wisefamily
    Customer

    Hi,

    This is in regards to a different site than the one I posted about earlier regarding header spacing issues.

    http://thebaseballdiamond.com/

    I had this image made and it’s exactly 1152×120

    I referred to the notes you gave me regarding the other header issue I had. Line 681 has the style code for the header image. I made the width to be 1152px and nothing changed.

    My header image does not reach across to the right completely. There is blue space present.

    How can I fix this?

    August 12, 2013 at 12:18 pm #6464
    kronos
    Customer

    It’s showing up at 1152px when I view it. Or did you already get this fixed?

    August 12, 2013 at 12:39 pm #6465
    wisefamily
    Customer

    Hi Kronos,

    The header is definitely 1152 wide but on my pc and mac it’s showing blue space on the right when the baseball field should be going all the way to the right with no blue.

    http://thebaseballdiamond.com/

    August 12, 2013 at 11:07 pm #6476
    kronos
    Customer

    From what I’m seeing the image stretches as far as it’s supposed to. If its 1152px and the width of the header is 1152px then thats as far as it will go. The baseball field reaches all the way to the end of the 1152px wide header. Are you expecting it to go beyond that or something?

    August 13, 2013 at 8:58 am #6493
    wisefamily
    Customer

    I’m not sure what I’m seeing then. It looks like this on both my pc and mac computers.

    i.imgur.com/QthBBNW.jpg

    Notice the blue space to the right of the baseball stadium?

    I measured it at around 1426px wide.

    Why am I seeing it like this?

    August 13, 2013 at 9:00 am #6494
    wisefamily
    Customer

    Sorry, here it is.

    http://i.imgur.com/QthB8NW.jpg

    August 13, 2013 at 11:57 pm #6507
    Eric
    Customer

    It looks right to me as well.

    If you’ve uploaded an image with the intention for it to be 1152px then its working as it should. You can use a browser extension/addon called measureit or page ruler or something similar to measure the image. Make sure your browser is wide and not resized at a smaller width when testing.

    The end of your image is supposed to reach the end of the content. Look at a page with content and you’ll see the end of the content is in line with the baseball field. So if your browser is wide enough you’ll have extra space on the right side since the width of the logo and content can only go so far. Did you want a fullwidth image? If not, then its showing up fine for me as well.

    I’m on a macbook though, not that it should matter.


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

    August 14, 2013 at 10:00 am #6522
    wisefamily
    Customer

    I totally understand what you’re saying.

    The width of this theme is 1152px right?

    Are you saying I’m seeing the extra space on the upper right on my computers and ipad because the browsers like Firefox, Safari and IE allow for extra space?

    What are my readers seeing? Are they seeing the extra space or are they seeing the theme as it should be at 1152px?

    August 14, 2013 at 12:55 pm #6531
    Eric
    Customer

    If you’re using the old version of Epik then yes it is 1152px (version 1.3 is 1140px). Think of it like this, the width is only 1152px, so that means the header, content, footer and everything else (excluding the background) inside of the theme will not exceed 1152px. If you’re viewing from any browser that is wider than 1152px then of course you’ll see extra space from the background on the side. Also, if you resize the browser, the theme becomes smaller, but there will still be space on the sides (which is what you want) so the content and images aren’t all the way on the edge of the screen. This makes is much easier to read content and view images. If you want something to be full width, then you would have to remove the width from the css and create a large enough image that can be scaled.

    Another example – I’m viewing an 1152px width theme on a 1400px wide computer screen, which means there will be extra space left over, and thats what the background is for.

    That’s about the best way I can explain it.


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

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

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 © 2022 · Appfinite · Built With The Genesis Framework