> For the complete documentation index, see [llms.txt](https://adornthemes.gitbook.io/vogal-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://adornthemes.gitbook.io/vogal-theme/general-sections/footer.md).

# Footer

{% hint style="success" %}
In the theme editor, 

* Scroll down to Footer section.
* Click on sections, make necessary change and click save. 
  {% endhint %}

Preview different footer style on live [**demos**](https://vogal-demo.myshopify.com/)

There are total eight available blocks to build footer for your online store. 

{% hint style="info" %}
You need to focus on **footer block width** while you add any new block in footer to arrange in one line. Total block width must not be greater than 100%. See below screenshot
{% endhint %}

<div align="left"><figure><img src="/files/XWVWbE4hU2HrTEzwuGus" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/oi7f4HAoHO6Xxu00lOli" alt=""><figcaption></figcaption></figure></div>

There are a few sections available to add to the footer section that will display above the footer on all pages of your store.

<div align="left"><figure><img src="/files/NMMAG3byJoYSasRqhV1e" alt=""><figcaption></figcaption></figure></div>

<figure><img src="/files/mdtxB6crTUY0yXQJw6xJ" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/MOy88SoPcXfEQvASRsEA" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/q0JYhx0RIQpokrLzlqVS" alt=""><figcaption></figcaption></figure>

{% embed url="<https://youtu.be/mBesDICEzCM>" %}