Another Header Issue/Question

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

Tagged: ,

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.