Space under footer - fix

Support
#1

Continuing the discussion from Space Under Footer:

Thank you for resolving this issue before, but it appeared again.

I’ve tried to fix it with this code but it doesn’t work properly under this page:

Could you please try to resolve it?

Best Regards,
Nasko

#2

Hello @kcreative,

Thanks for writing in!

Please try adding following code under X > Theme Options > CSS:

.blog .entry-wrap {
    min-height: calc(100vh - 160px );
}

Thanks.

#3

Thank you for the quick replay.
It still has some space on this page under the footer and there are two scrollbars on the right side.

Best Regards,
Nasko

#4

Hello Nasko,

Please have the custom css updated and use this css code instead:

.site .x-main > .x-container {
    min-height: calc(100vh - 252px );
}

Hope this helps. Kindly let us know.

How do I access support?!
#5

Thank you for the update, but we still have the space under footer, the two scrolls on the right and the footer is over the sidebar

Best Regards,
Nasko

#6

Hello Nasko,

The double scrollbars do not happen in our Chome browser. Which browser are you using? Please log out from WP admin and test your site. You may also need to clear your browser cache or use private browsing mode and test your site again.

Hope this helps. Kindly let us know.

#7

Hi there.

No space under footer and no double scrollbar when I log out.
But still over the sidebar. It is the same in incognito windows as well.
I’m using the latest Chrome on Windows 10.

Best Regards,
Nasko

Make page take up full height
Make page take up full height
#8

Hello Nasko,

When you are logged in, there is the admin bar and it also has a height. You may need to update the code and use this:

.site .x-main > .x-container {
  min-height: calc(100vh - 252px );
}

.logged-in .site .x-main > .x-container {
  min-height: calc(100vh - 284px );
}

Hope this helps.

#9

Thank you for the update.
But the footer still hides the sidebar and the archives and in some cases categories are hidden under it.

Can we fix this?

Best Regards,
Nasko

#10

Hello Nasko,

If that is the case, please have the code updated again and use this:

.x-root .site .x-main, 
.x-root .x-site  .x-main {
    min-height: 755px;
}

.site .x-main > .x-container {
  min-height: calc(100vh - 252px );
}

.logged-in .site .x-main > .x-container {
  min-height: calc(100vh - 284px );
}

Please let us know if this works out for you.

#11

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