Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 23, 2015 at 9:18 pm #541167
    edgelogos

    Hi There,
    I sent in a support request previously about Mobile Images not re-sizing. I’ve tried everything, I’ve removed the custom height, tried just the 50% or 75% but still no resize. I really need this to be available. Images are a big part of my website and its bizarre that this doesn’t work.

    November 23, 2015 at 11:07 pm #541248
    Andy

    Hey edgelogos!

    I guess you are talking about your background image, right? if not please be precise and show us about which image you are talking about. If yes use this code to control it’s size on mobile:

    @media only screen and (max-width: 767px) {
div#av_section_1 {
background-size: 184% 86% !important;
}}

    Regards,
    Andy

    November 23, 2015 at 11:09 pm #541251
    edgelogos

    Hi yes the top image on each page. Will this fix it?

    November 24, 2015 at 7:55 am #541368
    edgelogos

    Still not re-sizing properly and now leaving a grey space on the images on mobile. I’m confused every other theme has no problems resizing images for mobile. This is one of the top themes yet it wont do such a basic thing?

    November 27, 2015 at 11:09 am #543544
    Ismael

    Hey!

    The background of the color section is actually responsive but the focal point (the woman) in the current background is not centered so you have to adjust the background position on smaller screen sizes with the help of css media queries. Please edit the color section then add a unique ID in the Section ID field. Use “custom-section” for example then add this in the Quick CSS field:

    @media only screen and (max-width: 767px) {
#custom-section {
    background-size: cover !important;
    background-position: 50% 20% !important;
}
}

    The code above should fix the background on iPhone landscape mode. This should do it for the portrait mode:

    @media only screen and (max-width: 480px) {
#custom-section {
    background-position: 70% 20% !important;
}
}

    Note that you have to remove the previous code and make sure that you’re not looking on a cached version of the site.

    Best regards,
    Ismael

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