Homepage › Community Forums › Epik Theme Support › Another Header Issue/Question
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?
It’s showing up at 1152px when I view it. Or did you already get this fixed?
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.
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?
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?
Sorry, here it is.
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
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?
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