When translating a header area to a mobile device, some parts of a background image might be clipped depending on the width and height of the screen. This happens because the dimensions of the screen you're viewing something on are changing, but the image itself doesn't. It's probably possible to try and increase the height of the header area on mobile with CSS tweaks if you're familiar with CSS.