Size of the Header Image in the Mobile version

Hi,

I am able to adjust the height of the Header Image in the Desktop version but how do i adjust the height in the mobile version…

Thanks

Hello there,

Could you please share your site URL here, so I can check?

Regards,
Kharis

Hi Kharis,

Have connected the link of my site to your mail id…

kharisblank@gmail.com

Pls check and let me know…

Thanks for your help

Try to manage the header height on smaller screen using this CSS code:


@media only screen and (max-width:1024px) {
  
  .sydney-hero-area .header-image {
    height: 210px !important;
    overflow: hidden;
  }
  
}

@media only screen and (max-width:370px) {
  
  .sydney-hero-area .header-image {
    height: 178px !important;
  }
  
}  

Regards,
Kharis