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

# Footer

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

Flute theme provides a section, namely "Footer" in this section. There are many options available , as you can see in the below points and screenshot.

{% hint style="info" %}
**Recommendation Size**\
Footer background image size: 1920x434
{% endhint %}

<table><thead><tr><th width="239">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Enable back to top button</td><td>Adds a floating button in the footer that, when clicked, scrolls the page smoothly back to the top.</td></tr><tr><td>Enable footer top border</td><td>Enable this settings to add a horizontal border line at the top of the footer section.</td></tr><tr><td>Background image</td><td>Use this to upload a background image for the footer.</td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul></td></tr><tr><td>Logo</td><td><p><strong>Logo image</strong> </p><p>Upload your brand logo to display in the footer area.  </p><p></p><p><strong>Logo image width</strong> </p><p>Adjust the width (in pixels) of the logo displayed on desktop devices. </p><p></p><p><strong>Enable logo background</strong> </p><p>Toggle to add a background color to the footer logo.</p></td></tr><tr><td>Email Signup</td><td><strong>Show email signup</strong><br>Toggle to enable or disable the email signup form.<br><br><strong>Heading</strong><br>Enter the heading text that appears above the email signup form.<br><br><strong>Description</strong><br>Enter a description or subheading that appears below the heading in the signup form.</td></tr><tr><td>Follow on Shop</td><td><strong>Enable follow on shop</strong><br>Use shopify app. </td></tr><tr><td>Country/region selector</td><td><strong>Enable country/region selector</strong><br>By enabling this checkbox, you can see country/region selector in the footer section.</td></tr><tr><td>Language selector</td><td><strong>Enable language selector</strong><br>By enabling this checkbox, you can see Language selector in the footer section.</td></tr><tr><td>Payment methods</td><td><strong>Show payment icons</strong><br>By enabling this checkbox, you can see payment icons in the footer section.</td></tr><tr><td>Policy links</td><td><strong>Show policy links</strong><br>By enabling this checkbox, you can see policy links in the footer section.</td></tr><tr><td>Marquee</td><td><p><strong>Enable scrolling textbox</strong><br>Toggle to enable or disable a scrolling text box in the section.<br><br><strong>Heading</strong><br>Enter the scrolling text to display in the Footer.</p><p></p><p><strong>Font</strong><br>Select the font for the scrolling text. Changing the font may affect store performance.</p><p></p><p><strong>Enable marquee position bottom</strong> </p><p>Enable this checkbox to show marquee position in bottom of the footer section.<br></p><p><strong>Enable marquee glass effect</strong> </p><p>Enable this to apply glass effect on footer scrolling bar. </p><p></p><p><strong>Color Scheme</strong></p><p>In this section, you can change the background and foreground color of a marquee using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul></td></tr><tr><td>Outer space</td><td><strong>Top margin</strong><br>You can adjust the range of the Top margin to increase or decrease the Top spacing as needed.</td></tr></tbody></table>

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

## Add block

To add block to the Footer section, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.

## Brand information&#x20;

<table><thead><tr><th width="220">Block</th><th>Description</th></tr></thead><tbody><tr><td>Show social media icons</td><td>Toggle this option to display your store’s <strong>social media icons</strong>. Make sure your social media links are set up in your <strong>theme settings</strong> for them to appear.</td></tr><tr><td>Heading</td><td>Enter text to display as a title on the footer Brand information block.</td></tr><tr><td>Email</td><td>nter text to display as a contact "E-Mail" on the "Brand information" block.</td></tr><tr><td>Phone</td><td>Add your contact number. You can format it for better readability and make it clickable using a <code>tel:</code> link.</td></tr><tr><td>Description</td><td>Add additional business information such as working hours, address, or short messages.</td></tr><tr><td>Image</td><td>Upload an optional image to display within this block.</td></tr><tr><td>Image width</td><td>Adjust the width of the image in pixels (px).</td></tr></tbody></table>

<figure><img src="/files/7MSF12AGCtxsdobYbUm1" alt=""><figcaption></figcaption></figure>

## Menu

<table><thead><tr><th width="220">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a title on the footer menus.</td></tr><tr><td>Menu</td><td>Click on "Select menu" to add a menu in the footer.</td></tr></tbody></table>

## Image

<table><thead><tr><th width="295">Block</th><th>Description</th></tr></thead><tbody><tr><td>Image</td><td>Used image to add to the image in the section.</td></tr><tr><td>Image width</td><td>"Image width" is used to change the size of the section image. You can give the minimum width "50px" and maximum width "550px" of the image.</td></tr><tr><td>Image alignment on large screen</td><td><p>Customization of "Image alignment on large screen" in desktop devices is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr></tbody></table>

## Text

<table><thead><tr><th width="218">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a title on the "Text" block.</td></tr><tr><td>Subtext</td><td>Enter text to display as a description on the "Subtext" block.</td></tr></tbody></table>

## Click "Add Section" and use some sections.&#x20;

We are providing one special feature, You can add multiple additional sections in the footer.

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