Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


Question

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!

 

 

Screen Shot 2021-05-23 at 10.03.47 PM.png

Link to comment

3 answers to this question

Recommended Posts

  • 0

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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!!!!!!

Link to comment
  • 0
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?

rosylingerie.ca-01-min.png

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

rosylingerie.ca-02-min.png

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

rosylingerie.ca-03-min.png

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

rosylingerie.ca-04-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...