What is the correct dimension for a Header Image

  • I am having difficulty with the header image.

    I redesigned the header to precise size as asked on the header menu 1600px X 230px and yet, when I see the image on my Notebook, the left and right sides are cut(cropped).

    I even tried 3200px X 460px (seeing the original header files) and replaced the original header files and still no change.

    Look at the site here.

    What am I missing?

Viewing 3 replies - 1 through 3 (of 3 total)

  • What you are describing sounds like the 2013 theme, however the link you provided looks like the 2012 theme

    Thread Starter guppydas

    (@guppydas)

    Sorry about that. I was so disappointed, that I switched it back to 2012. However, I think I better keep it in 2013 and let others see what I am talking about. You may check the link now.

    Hi Guppydas,

    actually you will never be able to create a right size of image if you are targeting your notebook since this theme already responsive (all layer width will follow your screen size).

    You will need to do some tweaks here.

    here is an example of code that will made your header banner will be looked as on PC (full images will be displayed):

    @media only screen and (max-width: 767px) {
    .site-header{
        background-size: 100% auto !important;
    }      

    a.home-link {
        min-height: 67px !important;
    }
}

    You can put this code at the file named ‘style.css’, at the very end of the file.

    this is the screenshot of your site when the code already added: https://www.dropbox.com/s/x5wu8lnhx2revqh/Revolution%20India%2C%20It%20is%20time%20now..png

    The same thing also can be made on your notebook.

    and for your notebook, can you tell me what is the resolution of your notebook screen?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘What is the correct dimension for a Header Image’ is closed to new replies.