Header image not displaying on the site

Header image not displaying properly across various media (desktop/ipad/mobile) even though the image is set at 1900*225 px as recommended by shapely theme.
My site is everyonedoesprojects.com

hey there

Hope you are having a good day and thank you for your question
Please add this CSSĀ in appearance - customize - additional CSS

.header-image-bg {
background-size: contain;
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-color: #ffffff;

Colorlib Support Team

Thanks team. Appreciate your quick help on this.
I am now able to get the header image(without cropping) in different media(desktop/I pad/mobile), however the size of the header is getting extremely reduced in the mobile view.

Is there a way to retain the original size across the different media?


Well, in your case this is not possible, you have too many objects on the image including texts which is not possible to change somehow on different screens, in other words, problem is in the image

Thanks for the info

Is there anything else?