Overlay Between Main Content and Footer in Responsive View

[Blume_REMC]

Hi There,

i have the Next Problem in my Test Page.
If i open the respnsive view page i have a overlay from background and border, in desktop view is all ok, what can i do to solve this problem?

Here the Testpage: http://www.roadeagle-arnsdorf.de/meute/

Tanks for your support

[Joao]

Hi There,

Please add the following code to Theme Options CSS

@media(max-width: 769px) {
.x-colophon.top {
background: none;
}}

Hope it helps!

[Blume_REMC]

Hi Joao,

no it donsn´t works, the footer now don´t have the background colour in responsive view.

Regards Blume

[friech]

Hi Blume,

Please remove the CSS code provided above to bring back your footer background colour.

That issue is not because of background nor border, that issue is because of the negative margins you use.

Please add this to Theme Options > CSS to offset/reset those negative margins you used on mobile view.

@media (max-width: 767px) {
	.x-colophon.top {
		margin-top: 0px;
	}
	.x-container.offset {
		margin-bottom: 0px;
	}
}

Hope it helps,
Cheers!

[Blume_REMC]

Very nice, it works

Thanks

[Joao]

Glad to hear we managed to help!