Jump to content

Resizing image on mobile version 7.1

Recommended Posts

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

401440558_Schermata2021-05-20alle12_22_21.thumb.png.f4355d0d4821fc946738d3b2747689a4.png

 

Schermata 2021-05-20 alle 12.22.30.png

Link to comment
  • Replies 3
  • Views 844
  • Created
  • Last Reply

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
    }
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
  • 3 weeks later...
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?

albadelborgo.it-01-min.png

 

2. (Tablet-Homepage) Align buttons?

albadelborgo.it-02-min.png

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

albadelborgo.it-03-min.png

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

albadelborgo.it-04-min.png

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

albadelborgo.it-05-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.