avoid cropped header image via mobile

  • Resolved marcellomara

    (@marcellomara)


    8 years, 4 months ago

    Hi everyone! I’ve recently built up a site based on Latte theme, and I was wondering how could I avoid the header background image cropping while visitng the site on mobile: is there a way to maintain the original aspect ratio?

    Thanks in advance for the support.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Hardeep Asrani

    (@hardeepasrani)

    Hi,

    Could you give me the link the page where this is happening? Thank you. ??

    Thread Starter marcellomara

    (@marcellomara)

    @hardeepasrani sure, the site link is marcellomaranzan.co.nf

    Theme Author Hardeep Asrani

    (@hardeepasrani)

    Hi,

    It’s not possible, literally, to fit the image in that size without cropping or stretching it. But you can add the following CSS, using Advanced CSS Editor plugin, to make the header a little small to fix that:

    .archive-header {
    background-size: 100% !important;
    padding: 0 !important;
}

    You need to put it to the Mobile section of the CSS plugin. It should work after that. Let me know. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘avoid cropped header image via mobile’ is closed to new replies.