Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #177241
    Marlien Abrie
    Participant

    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!

    #177242
    sapana
    Participant

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

    Kind Regards,
    Sapana

    #177243
    Marlien Abrie
    Participant

    Hi Sapana

    store.marthehelene.com

    thanks!

    #177256
    sapana
    Participant

    @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

    #177257
    Marlien Abrie
    Participant

    Thanks Sapana – it worked.

    #177260
    sapana
    Participant

    @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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.