👾Footer

In previous versions, there were two separate footer options. We've simplified this by merging them into a single, more dynamic structure.

The usage is now similar to the new Header system — it uses ### as a separator — but with a few key differences.

To add a navigation, go to "Navigation" settings in the Ghost Admin.
Choose the "Secondary" option from the opened window.
To create columns in the footer, add a new menu item and enter the column name (e.g. About Us) in the Label field, and type ### in the URL field.
You can create as many columns as you like and list menu items under each one, but we recommend a maximum of 4 menu groups for optimal layout.
Once your items are added, click 'OK' to activate.
See the image below for a visual example of how it's done. ⬇️

In previous versions, this was done directly through the Ghost panel, but now you’ll need to do it from the Code Injection section.
Open Code Injection from the Ghost settings, then click on the Site Header tab.
Paste the code below into the section that opens, and choose your desired logo size.

<style>
  :root{
    --footer-logo-size:18px!important;
   }
</style>

Go to the "Design & Branding" tab in the Ghost Admin panel.
In the opened window, click on the "Site-wide" tab in the top right corner, and find the "Footer copyright text" settings.
Enter the your copyright text. (You can use HTML links.)
Finally, click "Save".

Last updated 9 days ago