Header image so big in desktop and small in mobile

hi i cant use the code to make my header smaller because it doesn’t show some of my header pic

… i make it 1920 in 550 pixel but in mobile version it shows the pic very small how can i get rid of scaling image in mobile version Untitled89-1

Hello,

Can you please provide a link to your website?

Kind Regards, Roman.
aThemes Support

https://suzugia-ai.com/

Hello, thank you for the link.

Can you please also disable the Coming Soon mode?

Kind Regards, Roman.
aThemes Support

hi . i decactive coming soon page . i try this cod to have 2 image header in mobile and desktop devices but it doesn’t work !!!

@media (max-width: 1023px) {
    #wp-custom-header img {
        visibility: hidden;
    }

    #wp-custom-header {
        background-image: url("http://www.neyestan.co/wp-content/uploads/2018/09/staris3.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 90vw;
    }
}

it would be perfect if i could add another pics for mobile version

Hello,

Your website is in Coming Soon mode, so I can’t check it.

Please note that we try to answer within twenty four hours.

Kind Regards, Roman.
aThemes Support

hi roman . thanks . i disable coming soon 20 hours but i couldn’t more . i solve my problem

@media (max-width:959px) {
.header-image img {
content: url("https://suzugia-ai.com/wp-content/uploads/2019/08/mobile-baner.jpg");
	 width:100%!important;
	 max-width:auto!important;
	 max-height:auto!important;
text-align: left;
border-radius: 0;
box-shadow: 0 0 0 rgba(0,0,0,0);
}
#scale-up {
height: 73px;
}
#scale-down {
height: 73px;
}
}

Great, thanks for sharing that!

Please feel free to ask any other questions that you might have in future.

Kind Regards, Roman.
aThemes Support