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.
Manage Menus option
Manage Menus option
  1. Click the Footer option.
  2. Use the toggle switch to include a footer. The other options become available.
  3. 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.

Hidden Title

Need more help?

Titan logo
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.