[Marlien Abrie]

Hi,

How do I size, configure my header image to be responsive on mobile – it looks fine on pc, but doesn’t resize when browsing on my mobile.

thanks!

[sapana]

@linki: Please post in your site url so that I can look into that issue.

Kind Regards,
Sapana

[Marlien Abrie]

Hi Sapana

store.marthehelene.com

thanks!

[sapana]

@linki:Actually header image in background and background-size is cover so the header image is little bit scale up in mobile and tablet version ,otherwise it is fully responsive.If you want to display whole header image you can use the following css code but header size will be decrease.
Go to=> Appearance=> Customize=> Additional CSS=> add the following css code

@media screen and (max-width: 1024px) {
    
.custom-header::before {
 background-size:contain !important;
  }
}

@media screen and (max-width: 750px) {
 
.custom-header::before {
background-size: contain !important;
 }
}

let me know if this helps you out!

Kind Regards,
Sapana

[Marlien Abrie]

Thanks Sapana – it worked.

[sapana]

@linki:Hello, linki,I hope I was able to resolve your issue. Would you mind taking a few minutes to write a review for me please?https://wordpress.org/support/theme/izabel/reviews/#new-post I’d really love to know what you think of my support. Your feedback is deeply valued as it will help potential clients read about your experience and also help me improve.Thank you so much for your help!

Kind Regards,
Sapana

[Author]

Posts