Stick Footer to Page Bottom

Business Background

A sticky footer is designed to “stick” to the bottom of the viewport, even when the page’s content is shorter than the browser window’s height.  

When the content is longer than the viewport, the footer behaves like a normal footer, pushed down below the content.  Essentially, it aims to consistently occupy the bottom space of the screen without overlapping content.

Titan Solution

This feature lets you stick a footer to the bottom of your web page using Titan Web. The sticky footer is only visible when the user scrolls down to the end of the web page.

Compare to a floating footer.

How to Guide

1. Click the Pages drop-down arrow to open the list.
2. Click the Gear icon next to the Manage Menus option. The Site Menus screen opens.

3. Click the Footer option.
4. Use the toggle switch to include a footer. The other options become available.
5. Use the toggle switch to stick the footer to the page bottom.

When you preview or publish your Web project, the footer is only visible at the bottom of the page. A sticky footer adapts its position based on the content length, ensuring it’s always at the bottom without overlapping any webpage content.