I have seen that this theme is responsive, and is following material design principles, but there are issue with the header image. I want the full header image to appear on the frontend, if i apply “contain” css property to header-filter, i am able to achieve that, but it leaves me with white bar on top and bottom of header.
If i use header as it is, the image gets cropped, and if i use the css property the image is displayed but bringing white bars around. This is a serious problem on mobile phones, as on some screens not even 30% of the total image gets visible.
Is there any way to display the full image without causing white bars above and below.
My site is and at present i am NOT using that property, because it gives bad impression. In hope of help. Thanks in advance.