You're on your way to the next level! Join the Kudos program to earn points and save your progress.
Level 1: Seed
25 / 150 points
1 badge earned
Challenges come and go, but your rewards stay with you. Do more to earn more!
What goes around comes around! Share the love by gifting kudos to your peers.
Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!
Join now to unlock these features and more
After some fiddling with an image header locally. What I found out is that we reach the maximum width of our header as soon as we reach a height of 250 pixels.
I took a screenshot of the maximum width that a header image can reach. For this screenshot, I used a width of 700 pixels. Here, take a look:
However, we can reach the same width by setting the height as 250 pixels. Here:
To finally answer your question, we can set the image width as 100% and the image height with a minimum of 250 pixels so you can reach the maximum width available for a header image.
Here is an example of what I used on my instance:
Keep in mind that I tested this with three screens:
- 27 inches 1080p
- 23 inches 1080p
- 14 inches 1080p
Results may vary aesthetically depending on screen resolution and size.
Let us hear from you, @Devin Parker ! Looking forward to your reply.