jothecontentguy

this solved the problem for me:

@media screen and (max-width: 480px) {

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
height: auto;
left: 0;
max-width: 100%;
min-height: 0;
-o-object-fit: unset;
object-fit: unset;
position: relative;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}
}

Hi @niteshraghu

when you say add different image for mobile view, do you mean adding another image? or replacing the existing image that I have? tried to put in the code with the URL on the new image and i don’t say any changes on the additional CSS menu

Thanks for the reply child theme style. It seems complicated. Do you have any suggestion with a simple solution? I just wanted to make it presentable when you view it on mobile.

Thank you for the reply