How'd They Do That? Adding Footer Navigation in 3 Simple Steps

“How’d They Do That” continues this week with a look at the sophisticated footer links Our Table created with just a few basic theme adjustments.

Every Weebly theme includes a footer area that can be fully customized with a Pro or Business plan. Using these customization options to change the footer into a secondary navigation source makes it easier for users to discover and digest your website content.

Our Table created it’s unique footer navigation in 3 steps:

  • Step 1: Drag text element into footer.
  • Step 2: Enter the page names you want to link.
  • Step 3: Turn each name into a direct link by creating text links.

This customized footer allows Our Table to explore multiple navigation levels without a pulldown, which helps unclutter key interaction points. The main navigation is allowed to focus on Our Table products, jobs and core values, while the bottom can display secondary (but still important) content like blog, events and contact pages. Together, the top and bottom navigation work together to allow visitors to quickly and easily access a site with intricate page architecture.

We hope this latest video helps you create awesome footer navigation areas for your site, store or blog. Feel free to share your own work with us directly, and if you have a topic you would like us to cover don’t forget to let us know about it in the comments.