Header image size

  • thorirv

    (@thorirv)


    9 years ago

    I am trying to figure out the necessary CSS adjustments to have the header image proportions be consistent on all devices, that is: display at 100% height and width at all viewport sizes.
    (Another way of saying it might be: not to crop anything from the header image at any viewport size)

    (I tried the solution from this thread and although it’s a great improvement there is still some cropping vertically or horizontally depending on the screen width)

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Sami Keijonen

    (@samikeijonen)

    That other topic solution could be a good starting point. Can you link to your site so we can take a look?

    Thread Starter thorirv

    (@thorirv)

    Yea, and the results are really close, but not quite there.. afraid the site in question hasn’t made it past localhost yet, but I’ll update the thread as soon as it’s linkable.

    Theme Author Sami Keijonen

    (@samikeijonen)

    You can adjust padding-bottom value so that it works for you.

    Thread Starter thorirv

    (@thorirv)

    Thank you Sami, I’ll try that

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header image size’ is closed to new replies.