Problem with footer

5 replies · opened Dec 17, 2016

TtekprogrammerDec 17, 2016

Hi -

I am having an issue with the footer. It works fine until I resize the window - then it doesn't seem to stick to the very bottom of the window. There is a long white area below the footer. Here is a link:

http://ctest.tek-solutions.net/Sample2/CTest1

All you have to do is open the browser (full screen), enter the URL, and resize the window horizontally from small (mobile menu) to large and you will see the bar below the footer.

Any help would be greatly appreciated.

Thanks

SSemicolon WebSTAFFDec 18, 2016

Hello,

We have just checked out your Website but we could not find the issue with the Footer and it appears to be working properly. However, we do find an issue and that is the .max-height Class has been applied to many Containers without any reason. Please remove these as it may cause extra issues on your website. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

TtekprogrammerJan 10, 2017

Sorry - I have fixed that issue but I'm still having problems.

1 - When browser is full screen - The footer is nowhere to be found (even though I'm using sticky-footer in the body tag)
2 - When I manually resize the browser slowly by holding my mouse button down on a corner of the window and dragging - I can sometimes see the footer but it is still overlapped by the slider).

I just want the slider to be the only content on the page between the header & footer (which should always be visible). I need for the header and footer to be displayed always without a scrollbar & the content in between (slider) to grow or shrink to fit the area between the header and footer.

Last item and I will be in great shape - how can I decrease the height of the white area between slider and menu at the top?

Here is the live link:

Here is the live link:

http://tekprogrammer-001-site5.ctempurl.com/

Thanks

TtekprogrammerJan 10, 2017

I'm having issues displaying a simple page composed of a static header/menu & static footer with a slider.

1 – When browser is full screen – The footer is nowhere to be found (even though I’m using sticky-footer in the body tag)
2 – When I manually resize the browser slowly by holding my mouse button down on a corner of the window and dragging – I can sometimes see the footer but it is still overlapped by the slider).

I just want the slider to be the only content between the header & footer (which should always be visible). I need for the header and footer to be displayed always without a vertical scrollbar & the content in between (slider) to grow or shrink to fit the area between the header and footer.

Last item and I will be in great shape – how can I decrease the height of the white area between slider and menu at the top?

Here is the live link:

http://tekprogrammer-001-site5.ctempurl.com/

Thanks

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard