I don’t see any annoying blank space on your page 🙂
If you mean the small white line between the Google-map and the double Disclaimer, try to add to your Additional CSS:
footer {margin-top:-1px;}
Hey, Willem
Thanks for taking time to help. The white space gap of about 50 pixels is shown on the desktop on all the browsers on PC (windows platform). The Space is not shown on mobile or tablets. I am not sure about mac.
I tried your code but it didn’t work unfortunately. I tried many others codes in CSS.
Only Expert can dig into the codes and has to suggest a specific code which will work.
Hi,
A problem is: I don’t see any serious white space, between the content (ending with the Google-map) and the footer (beginning with the double Disclaimer). Only a thin line of 1 px height.
Are you sure your 50 px is between the main-content and the footer?
Yes that is true.
I was playing with it to fix the problem
Please check it now on the Desktop version (windows)
I don’t see any difference on your page.
This is what I see between the Google-map and the footer: a white line of 1 px:
https://pasteboard.co/Jmw4VcP.png
Hey Willem,
Once again I thank you for taking time from your busy schedule to help me. I have a windows laptop of 17 inches where it shows that problem. So I think the issue should be in percentage rather than a fixed pixels. The smaller the screen is, it is hard to notice. After looking at the screenshot you have shared with me, I checked it on the small screen Laptop of 12.9 inches and the white line was slightly thicker than your image. But the problem still remains.
I have taken the screenshot too. Please have a look at it. That pic is not zoomed at all. It from my bigger laptop with 17 inches screen.
https://pasteboard.co/JmxAb7r.png
I hope that you will believe me now. The gap is showing only there no where else on the whole page.
I can’t see your screenshot, because pastboard.co is loading very slow, always resulting in a 504-error. However I’ve opened your site on an other computer, finding a gap of about 20px, so don’t worry: enough reasons to believe you.
Now I think: the gap is caused by a ‘min-height = 400px’.
Try:
.elementor-770 .elementor-element.elementor-element-e276861 > .elementor-container {
min-height: fit-content;
}
Or more specific:
footer .elementor-770 .elementor-element.elementor-element-e276861 > .elementor-container {
min-height: fit-content;
}
-
This reply was modified 5 years, 9 months ago by
willem0.
Hey Willem,
Wowwwww!!! You did it. You are genius. Thank you so much! I really appreciate it.
Actually your second code worked well! But as you have pointed the issue which was causing the white gap. I have edited the footer from minimum height to default. Therefore, no need of adding that code to CSS. You have taught me a new thing.
Thanks once again!
