How to Rearrange Items in the Footer
You can add many footer elements to your website's footer, including your business' contact information or social icons. Additionally, you can add some custom footer elements including an image or third-party widgets such as a review or chat software.
To access your footer's content, navigate to the Content panel on your dashboard and select Footer under Global Content.
Rearrange the order/placement of footer elements
The order of the content on the footer is determined by the order of the content blocks within the footer's Content panel. If you would like to change the position of a footer element, you can do so by navigating back to the Content panel by clicking the Pencil icon in the top-right corner and navigate to the content block containing the element you would like to move. Then, drag the desired element by clicking and holding the three lines on the top-left corner of the corresponding content block, as seen below:
In addition, you can also change the layout of the contents of your footer by adjusting the number of columns on the right sidebar in the Design panel under the tab labeled Layout, as shown below.
Above: A footer with only one column.
Below: A footer with four columns.
Adding multiple elements to your footer
You can add additional elements to your footer. Depending on how you want those images to display, you should follow one of the two methods below:
|
Group icons together To bunch all of your footer elements together, you can work within the same HTML block. Simply repeat steps 3-5 with each new image. Make sure you create a new line of text for each element in the block. |
Keep icons separate If you want to place your footer elements on different sections of the footer, then you will want to create a separate content block for each. Repeat steps 2-5, then drag the blocks to the desired order under the Content panel. |
Changing the size of your footer elements in HTML blocks
If you have added any images or third-party widgets in your footer using an HTML block, you can change that by manually changing the height and width in the placeholder text in the HTML block.
Related Articles
Add a Logo or Image to Footer
If you are looking to add an image to your website's footer - such as the logo of your company, awards you have received, or any professional organizations you belong to - you can do so by following the steps below. Add a new image Making further ...Add Social Icons to Footer/Stylize Icons
You can add social icons to your footer so that visitors have easy access to all your social media outlets. To do this: 1. Select the Content tab in the gray navigation bar, and then select Footer on the right-hand side of your pages, under Global ...Add Social Icons to Your Navigation
You can add social icons to your site’s navigation bar by adding a new Navigation Item page. To begin: 1. Select Content in the gray navigation bar, and then the green Add New Pages button. 2. Select the Navigation Item and click Add. This page will ...Remove Footer
If you wish to remove the Footer from your website: 1. Select Content from the gray navigation bar. Click on Footer under the Global Content menu on the right-hand side of the page. 2. In Footer, toggle the Visibility off to hide it.Switch from Rows to Columns / Change Column Amount
You can add or remove columns within your lists within the Design panel. 1. Click Design in the top gray navigation bar. 2. Select the page you would like to change the columns for. Click the List title from the right-hand sidebar. Then, use the Lay ...