Image size and formatting with Upfront

I’m working on my WhizKidBusiness.com (or anvoy.com/whizkid) site but I’ve noticed this problem on all the sites I’ve used Upfront for. The problem is that the formatting for cell phones leaves extra space below images. The pages look OK for desktop and table view, but when it formats for a small screen, the images appear large for a second and then resize smaller, but the text below does not move up, so there is a lot of blank space to scroll past. How can this be corrected?

  • Rupok
    • Support Ninja

    Hi Robert,

    So sorry for the inconvenience. This can be fixed with custom CSS Code.

    Can you please add the following custom CSS code in your "Global Theme CSS" section inside your Upfront editor? Please check the attached screenshot for reference.

    div[id^="module-"], div[id*=" module-"] {
    min-height: 0 !important;
    }
    div[id^="image-"], div[id*=" image-"] {
    min-height: 0 !important;
    }

    This should fix your image bottom spacing issue.

    Please let us know if this doesn't work as expected. We will be glad to investigate further.

    Have a nice day. Cheers!

    Rupok

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.