Footer not covering BG Image by 1PX

Support
#1

This issue is only happening on one of our web pages and it’s only happening in MS Edge browser.

At the very bottom of the page, we have 1px where the Pro Footer is not covering the background image.

https://halffull.lainternet.biz/drone-footage/

How can we fix this?

#2

Hi @websperations,

I can’t see that issue right now. Did you fixed it already?

#3

No, it’s not fixed.

I only see it in MS Edge on the PC and my client sees it on his Mac in Chrome.

https://halffull.lainternet.biz/drone-footage/

it’s also happening on this page. https://halffull.lainternet.biz/before-after/

Micah

#4

Hey Micah,

Kindly try adding this code in the Global CSS:

.x-colophon {
    background-color: #000;
}

Hope this helps.

#5

That did not resolve the issue.

I brought the site live, the updated URL for this issue is:

https://www.halffull.media/drone-footage/

The client sees the issue on his mac in both Chrome & Safari.

Micah

#6

Hi Micah,

It is not generally Mac but Safari issue. Safari has overscroll feature that shows the background image behind your content. You might try to add the background inside the Section and not using the Meta Options of the page to add the background image.

Hope this helps.

#7

What doesn’t make sense it that it only happens on a few select pages. These pages are configured the same in terms of footer and background as the other pages that work fine.

Safari over scroll may answer why it happens in Safari but it doesn’t address MS Edge or Google Chrome.

Micah

#8

Hi @websperations,

Thank you for writing in, I can replicate the issue but only on IE11, I don’t see the issue on Chrome, Firefox, and Edge.

To resolve the issue on IE please add this on top of Theme Options > CSS

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.backstretch {
	  height: calc(100vh - 1px) !important;
	}
}

Don’t forget to clear your caching plugins and browser’s cache.

Hope it helps,
Cheers!

#9

I added the code and am waiting to hear back from my client.

Micah

#10

Hi Micah,

I’ve check the site on IE again and I don’t see that issue now, I hope that also the case on your clients end.

Let us know how it goes,
Cheers!

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.