What custom css allows you to see entire image on mobile ?

Hello, thank you so much for the help I'm having a problem with seeing the entire image in mobile view I tried the coding from the answer to the question posted named background image resize for mobile, but it still only shows some of the image and I was hopeful that I could see the entire image. Thank you so much !  

This is the one I tried already 

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

Can you share site url? We can check easier.

Sure, sorry I didn't hear the notification my bad. https://stingray-flute-2abm.squarespace.com/config/pages

You mean first image? Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.homepage #page section:first-child {
    min-height: unset !important;
    height: 35vh;
}
}

Hello, I reached out in the past but figured it out, but now im having problem I can't get past. I'm using 7.1 and when I try the <div id=”idname”></div> with # in through link, it only go to the top of the page not where I put the code block? Please help I would really appreciate it.

Btw, I'm trying to jump to a blog page. from my homepage.

Have you solved it yet? If no, I will check again.

Thank you so much, the help you give you have no idea. I figured out the code block situation. But I still can't get my mobile view to show entire image/background, the code sent on aug.28th said it had a  syntax error no closing } Thank you btw, The closest I got is:  @media(max-width:767px){
     min-height: 20vh !important;
    height: 50vh !important;
     
     background-position:center center;
   
        background-attachment: scroll !important;
      }
    } 
  }
}

Here's my url I would appreciate any help.

Hi,

I am also having problems with the structure of my website on mobile. I have a slider on the top of my home page, which you can only see parts of the image. I have tried the code:

}

@media screen and (max-width:800px) {
.homepage #page section:first-child {
    min-height: unset !important;
    height: 35vh;
}
}

But I can still only see a fraction of each image. Below this, on the website on computer, there are three elements, organised next to each other, I was wondering if I can organise them like this on mobile too rather than being stacked? Thanks in advance for anyone's help.

My URL is elliotcoulterphotography.com, no password

Answer in another post. Try checking.

I am also having trouble with this on my website. www.bunburymachinetoolmaintenance.com.au

I would like to be able to view the whole image on mobile view for the second image on the homepage with the people in it as it is on desktop view. 

May someone please provide me with the code?

2 hours ago, TheClimbCollaborative said:

I am also having trouble with this on my website. www.bunburymachinetoolmaintenance.com.au

I would like to be able to view the whole image on mobile view for the second image on the homepage with the people in it as it is on desktop view. 

May someone please provide me with the code?

Add to Home > Design > Custom CSS

/* resize homepage image */
@media screen and (max-width:767px) {
.homepage #page section:nth-child(3) {
    min-height: unset;
    height: 30vh;
}
}

@tuanphan wonder if you could help with this also, I sent you a private msg

On 11/21/2020 at 6:49 PM, j29 said:

@tuanphan wonder if you could help with this also, I sent you a private msg

Have you solved it yet?

@tuanphan no, I sent you an email