Resizing image on mobile version 7.1

Site URL: https://www.albadelborgo.it/

Hi everyone, 

I am working on a website in Squarespace 7.1 (www.albadelborgo.it) and i am having some issues with the mobile version. The images i used for the homepage and other sections (both image section/gallery section/headline section) are horizontal and they fit perfectly for desktop. In mobile version they are cropped in a vertical way. I would like to have the same image, simply not cropped. I have already tried with some CSS but i can just managed to have the image in horizontal but with a lot of white-empty-space below. Is there a way to reduce the both the image and height of the section? 

Thanks in advance for some help! 

Ciao!

Anna

Hi. It looks like you solved with this CSS?

@media screen and (max-width: 767px) {
    [data-section-id="5fe9e8afc6dabf26fafde1bb"] {
        min-height:auto !important;
        height: 54vh
    }

    [data-section-id="601d2ace7f418e55b14d42bd"] {
        min-height: unset !important;
        height: 60vh
    }

    [data-section-id="609e82173bddd90e633b5591"] {
        min-height: unset !important;
        height: 54vh
    }

    [data-section-id="609e5a77554f0762c23dd7e8"] {
        min-height: unset !important;
        height: 60vh
    }

    [data-section-id="5fd77a8b35ec59762e1cc891"] {
        min-height: unset !important;
        height: 60vh
    }

    [data-section-id="608848463e82f54b126558df"] {
        min-height: unset !important;
        height: 60vh
    }

    [data-section-id="609e5b73f3b2642ca9326300"] {
        min-height: unset !important;
        height: 60vh
    }

    [data-section-id="609e5ba424280a4dc7d7afa2"] {
        min-height: unset !important;
        height: 55vh
    }
}

yes i managed to solved it 🙂 !!!

On 5/30/2021 at 5:58 PM, Annina said:

yes i managed to solved it 🙂 !!!

Hi. Do you want to fix these?

Site URL:  https://www.albadelborgo.it/

1. (Mobile-Footer) Align left social links?

2. (Tablet-Homepage) Align buttons?

3. (Deskto-Header) All nav appear, then disappear half items. Do you want to fix this problem?

4. (Footer) Want 2 footer for 2 languages?

5. (Header button) Want to change button text on English Pages?