A collaborative online community that brings together photographers and creative professionals of every kind to find ways to keep photography relevant, respected, and profitable.

Have an idea for a post?

Want us to find an answer to your question? Interested in becoming a contributor?Email us

‹ Home

October 23rd, 2018

Add a custom footer to your mobile website

Posted by liveBooks

With so much of our online activity being done from our mobile phones, there’s no surprise that one in two people will not recommend a business with a poorly designed website. We’ve stressed on the importance of having a mobile-responsive website in one of our articles, so if your website still behaves the same wherever you access it from, we’re here to give yet another incentive as to why you should switch: the footer.

While the footer is available on all designs for all devices, in the mobile-friendy world it works as a very useful guide for your visitors. With liveBooks you can opt whether your footer will have tons of great information, or whether it should be a simple display of up to four links visually represented by clean icons.

Introducing the custom mobile footer

If your brand’s visual concept is clean and open, then the custom mobile footer is the thing for you. To access it, select Settings (gear icon) in the navbar, then select Mobile from the Extras drop-down under the Settings header. Scroll down to the third area where you will see a Mobile Footer toggle option. Once you enable it, a button to Add Mobile Footer Content will appear:

You have five options to choose from, with a maximum of four that can be added to your website. Choose the ones you wish to use and fill in their respective link fields.

In our example, we used different types of information to be accessed when using the buttons in our custom mobile footer.

  1. Call – button will link to our office phone.
  2. Email – button will start a new email addressed to our Social Media team.
  3. Link – use any link you want; we went for the link to our Tweeter feed.
  4. Map – here we opted for a redirect to the Contact page which features all contact info, as well as the map.

The order in which you wish to display these links is up to you. There’s the option of dragging the content blocks to their desired location, so move them around until you’re happy with the result and ready to publish your website.

Note! To ensure visitors coming from tablets also see your custom footer, make sure to enable this request after you’re done setting up your links.

Visual customization for your mobile footer

The best practice to customize your mobile footer is by going to your design editor and switching to the proper preview aspect ratio – mobile (portrait).

This will allow you to see any changes you make in the right tabs. Choose your preferred colors, layout and style from the last tab in your editing column. Save your changes, publish your website and welcome your clients to your clean and accessible online presence. And before you ask, of course you can do all these great improvements from your phone!

There are always new ways to improve your website, so make sure to follow our social media channels for more updates.

To create and manage your website with ease, first sign up for a free trial! Our team is ready to assist with anything you need along the way!

Leave a reply



Learn how to engage your audience and
build brand recognition across social
channels. Learn more...

Free eBook

Search Resolve



Pick your package. Pick your design.
No credit card required.

Start 14-day Free Trial
Compare packages