Heaser image size for both front page and pages page / post

Hello again, thx for the fix you sent me, works as a dream. You are my hero.

So far I think the final issue is to make the header responsive. I have tried the css contain you provided in another tread but its not working as supposed to. The images are either being stretched or limited in height.

Let’s start first with making the header responsive I already used the 2000x1250 sized image as you suggested. Problem is when open it on mobile it’s not working as supposed to. Either too stretched and not responsive or if respomsive it leaves two gaps one above the img and one below

Leaving two screenshots first is in reduced screen mode / mobile whithout the contain css
the other with the contain for mobile.

Thx in advance

Alex
Hope to fix it. I have tried different css but not working

Seems like also the logo is not responsive, so that might causing it. I have tried different css to fix it, but no solution yet. I love this them, just want it all to be working perfect.

Alex

Hello Alex,

Try this CSS code and let me know if everything is looking as expected

@media (max-width: 768px) {
  #header .bottom-header {
    padding-top: 30px;
    padding-bottom: 0;
  }
}

Cheers

Hello Alex,

Try using this CSS code for the logo and let me know if it’s working alright:

@media only screen and (max-width: 767px){
#header .top-header .header-logo img {
    max-width: 320px;
    width: 100%;
}
}

Regards