Reply To: Header picture not complete and not centered

[Tom]

Background images are very hard to control on different screen sizes unfortunately – just the way the CSS and HTML work.

In order to achieve the exact look you’re wanting, you might need to apply a different background image with the correct aspect ratio on mobile.

@media (max-width: 768px) {
      .site-header {
            background-image: url('URL TO MOBILE SPECIFIC IMAGE');
      }
}