How to fixed that unwanted space in mobile view after I change the section height?

Site URL: https://rosylingerie.ca

Hi there,

I got a huge space below my image after I adjust my first section below the header in "mobile view" like attached.

The codes that I use for the section is:

@media screen and (max-width:640px) {
.homepage .section-background img {
    width: 100% !important;
    height: 30% !important;
  top: 100px !important;}
  
  #block-6a1b1f1df9639c5c0075 {
    height: 500px !important;
    margin-bottom: 1px !important;   
  }
}

Please let me know how to fix the issue. Thanks!

Remove above code & add new code

/* Mobile-Homepage-topbanner */
@media screen and (max-width:767px) {
section[data-section-id="5edddb08ea5e395a85788610"] {
    min-height: unset !important;
    height: 35vh !important;
    margin-top: 15vh;
}
}

9 hours ago, tuanphan said:

Remove above code & add new code

/* Mobile-Homepage-topbanner */
@media screen and (max-width:767px) {
section[data-section-id="5edddb08ea5e395a85788610"] {
    min-height: unset !important;
    height: 35vh !important;
    margin-top: 15vh;
}
}

 

Thanks!!! Works great!!!!!!

On 5/25/2021 at 12:04 AM, Elena1314Ryan said:

Thanks!!! Works great!!!!!!

Do you need help with these?

Site URL: https://www.rosylingerie.ca/

1. (Mobile-Footer) Add a space between Thursday – Sunday?

2. (Mobile-Footer) Make about-customer care links side by side to reduce footer height?

3. (Mobile-Header) Change overlay menu background color?

4. (Tablet-Footer) Increase first column text width?