Docs

[malasretail]

Hi Support
1. On some of my pages not all of them, I seem to be getting an area below the footer that comes up.

http://fastech.co.za/etraction/about-us/

You will see below the footer there is a grey area, other pages it is smaller and some pages do not show it at all.

2. My second issue is with this page, http://fastech.co.za/etraction/about-us/our-team/:
There are 2 columns on this page text with image to the right, on all other about-us pages as well as the cornerstone for this page it shows fine, but on the LIVE page specifically the image moves to the bottom.

Please assist?

[Lely]

Hello There,

Thanks for posting in and giving us your site URL.
1.) Unfortunately, I can’t seem to find the area below the footer. See this:http://screencast-o-matic.com/watch/cbVDQBQErs. I even check on different browser and it’s the same. Can you provide a screenshot and the browser and OS you were using?

2.) The issue might be extra closing div. Please provide us admin credentials so we can check closely where it is coming from.

[malasretail]

This reply has been marked as private.

[Joao]

Hi There,

Your footer also look good to me.

I have fixed your about page by removing an extra</div> from your content.

Hope it helps

Joao

[malasretail]

Hi
Issue 2 is sorted for me thanks.

With regards to issue 1, I tried on firefox and chrome using 2 screens:
1920×1080
1920×1200
You will see from the attached that the spacing is larger on the 1920×1200 resolution than on the 1920×1080 resolution

Both results are attached. I do have some custom CSS running from another forum question that I have asked, the code is for the blue footer and is as follows:

.x-colophon.bottom {padding-bottom: 0;}
.x-colophon.bottom .x-container.max {
	width: 100%;
    max-width: 100%;
}
.x-colophon.bottom .x-colophon-content {
    background-color: rgb(0,98,150);
    margin: 0;
    padding: 10px 0;
    color: #fff;
}

[malasretail]

Apologies file sizes were too big:

[Friech]

Hi There,

The custom CSS provided on other thread has nothing to do with the current issue. This seems to be happening only on a wide screen like you have. I did not encounter the issue on my as well.

I think what is happening here is your screen is too wide that it can show the entire page, and the content was not enough to cover the whole screen.

Try adding this on your custom CSS on Customizer.

.x-main.full {
	min-height: calc(100vh - 178px);
}

If this resolves the issue, then we’ll know its the content.

Thanks.

[malasretail]

Hi
That worked!! except now there is a scroll bar with very little scroll on the pages that were affected. Its way better than it was but is there a way to improve it?

Its like the footer is now hidden by 1 scroll or so where as before there was no scroll. Anything that can be done if possible?

[Paul R]

You may change 178px to adjust it and remove the scroll.

eg.

.x-main.full {
    min-height: calc(100vh - 172px);
}

Hope that helps.

[malasretail]

Hi
I have tried that and even made it 160px but the slight scroll is still there.

I have also picked up another issue on some pages, like this one, http://fastech.co.za/etraction/media/downloads/, where just above the footer area there is a grey space. It seems to happen after all the content.

[malasretail]

This reply has been marked as private.

[Lely]

Hello There,

The slight scroll will only happen if you’re login on wordpress admin. This is because of the space occupied by wordpress menu. It’s the black bar on top with links to access wordpress admin. You won’t see it on frontend if you’re not login.

See this screencast:http://screencast-o-matic.com/watch/cbVqDyQH5h on what I am seeing right now on download page. No gray area.

[Author]

Posts