Removing blank space on mobile version of site

Hi tuanphan, I'm having the same issues - lots of dead space in the header section on most of my webpages, but only on mobile. I've tried all the CSS you've provided (except for the gallery view) but nothing works. Any ideas? 

www.TheMcGuireMethod.com 

Pages in screenshots: 

https://themcguiremethod.com/present-like-a-pro-pre-sale

https://themcguiremethod.com/the-method

7 hours ago, MBss said:

Hi tuanphan, I'm having the same issues - lots of dead space in the header section on most of my webpages, but only on mobile. I've tried all the CSS you've provided (except for the gallery view) but nothing works. Any ideas? 

www.TheMcGuireMethod.com 

Pages in screenshots: 

https://themcguiremethod.com/present-like-a-pro-pre-sale

https://themcguiremethod.com/the-method

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
/* dead space present like a pro page */
body#collection-5f3707cef356f951477b6939 .Main-content {
    padding-top: 0;
}
/* dead space method page */
div#block-yui_3_17_2_1_1568011469012_8724 {
    display: none;
}}

THANK YOU!!! This worked perfectly. You are awesome. 

@tuanphan thank you for your help, the change works perfectly! (sorry for not coming back sooner, I was away last week).

@tuanphan Hello - I am experiencing the same issue for my website as well.  I have blank white space above and below my homepage slideshow. Can you please help me remove/condense this?

The URL is: https://reveriebeautystudio.com/

On 8/24/2020 at 5:13 AM, dawniemarie said:

@tuanphan Hello - I am experiencing the same issue for my website as well.  I have blank white space above and below my homepage slideshow. Can you please help me remove/condense this?

The URL is: https://reveriebeautystudio.com/

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.homepage .gallery-fullscreen-slideshow {
    height: 30vh !important;
}
}

@tuanphan That fixed it!! Thank you so much for your help with this!

On 8/17/2020 at 3:20 AM, tuanphan said:

I don't see black space. Did you solve?

I apologize for the delay, and I'm afraid this still hasn't been solved yet. The black space is still there in the mobile view. Desktop view looks great, but mobile has huge blank spaces on the homepage.

7 hours ago, Maralexa said:

I apologize for the delay, and I'm afraid this still hasn't been solved yet. The black space is still there in the mobile view. Desktop view looks great, but mobile has huge blank spaces on the homepage.

Add to Home > Design > Custom CSS

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

Hi @tuanphan! 

I'm having the same issue with my website. http://designkick.io

On mobile, there are spaces just above my homepage footer + in between images on every page of my projects/work.

How should I address this whenever I encounter the same problem?

Thank you in advance!

12 hours ago, paigethirtytwo said:

Hi @tuanphan! 

I'm having the same issue with my website. http://designkick.io

On mobile, there are spaces just above my homepage footer + in between images on every page of my projects/work.

How should I address this whenever I encounter the same problem?

Thank you in advance!

Can you take screenshot space above footer?

With work projects, you can remove Spacer Blocks

Hello.

For my website: www.kickstudio.nl i also have a lot of blank space in the portfolio page.
Password= Dean123

Can you check what to do?

13 hours ago, Lynnmou said:

Hello.

For my website: www.kickstudio.nl i also have a lot of blank space in the portfolio page.
Password= Dean123

Can you check what to do?

between title - slide? Seems fine here. Did you solve?

Hello @tuanphan

Could you kindly let me know what to do if possible? I have the same black segment appearing on the home page  of the mobile version of a website.

Thanks loads

@JBlell

Please post the URL to the page with the black segment.

If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.

@creedon

https://www.ghattaskhoury.com/ but this only happening on the mobile version

Thank you!

@JBlell

As a start I suggest trying a medium page section height for both sections on that page, page and footer.

Let us know how it goes.

@creedon It worked. Thank you very much!!

I have several blanc spots in my mobile view between sections, as you can see here. Can anyone help me out removing the blank space on mobile view?

https://robertpauljansen.com/projects/from-above-drone-photography

@Robert-Paul

I'm going to give you nearly the same advice I gave to JBlell.

As a start I suggest trying a small page section height for all sections on that page, page and footer.

If that doesn't pull enough space out then we can look at some custom CSS to trim down the space even further.

Hi @tuanphan

I have the similar issue on my homepage mobile view (above the footer).

Could you please help me with this perhaps?

https://www.dorsaahari.com/

Thank you

A page on smartphones (S. Galaxy S10e, S. Galaxy S7, S. Galaxy S5) is not working on our brand new web, can it be fixed somehow?

On desktop browser (Windows 10) it works without problem.

Our web :https://www.ultrabadminton.com/ 

Thanks

Mendis

On 3/4/2021 at 6:25 PM, Hermindd said:

Hi @tuanphan

I have the similar issue on my homepage mobile view (above the footer).

Could you please help me with this perhaps?

https://www.dorsaahari.com/

 

Thank you

Add to Design > CUstom CSS

@media screen and (max-width:767px) {
body.homepage article section {
    min-height: 80vh !important;
}
}

@tuanphan Would you kindly take a look at this page and let me know how to eliminate the white space above the team image on mobile?

https://www.miradorcp.com/playground

Thank you.

Hi! On my mobile version of the site, I have a gap under my header image that is reduced when it is parallax scrolling is in place. Is there a way to keep the horizontal image and remove the blank space under? Here is a photo of the current situation: