Hi!
The image just needs to be big enough to cover the view port. If it is not, it will be stretched. So perhaps 2000px wide.
(Don’t make it too big or it will take too long to load… 🙂 )
I’m not sure if I understood the issue right, can you give me any more details?
Try opening functions.php and find line 284. Replace center center
with for example center top and see if that helps. It moves the focus from the center of the image to the top center.
Hi Carolina !
I have a small problem, I can’t find where to modify the height of the id=”masthead”.
Thank you 🙂
Great job by the way !
The header uses javascript to make sure that it covers the height of the view port even if the Call to Action and Highlights are hidden. You can edit or remove this script at the bottom of the navigation.js file.
Remember to create a child theme so that you don’t loose your changes when the theme is updated.