Header image not displaying on the site

Shapely
1

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

2

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;
}

Thanks!
Colorlib Support Team

3

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?

4

Hello

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

5

Thanks for the info

6

Is there anything else?