# Footer

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

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

<table><thead><tr><th width="239">Setting</th><th>Description</th></tr></thead><tbody><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>Uppercase menu heading on desktop</td><td>Allows you to enable uppercase text styling for menu heading on desktop device. </td></tr><tr><td>Open collapsible content on mobile</td><td>By enabling this checkbox, you can show open collapsible content on mobile device.</td></tr><tr><td>Open newsletter block on mobile</td><td>By enabling this checkbox, you can show open newsletter block on mobile device.</td></tr><tr><td>Follow on Shop</td><td>Use shopify app. </td></tr><tr><td>Policy links</td><td><p><strong>Show policy links</strong></p><p>By enabling this checkbox, you can see policy links in the footer section.</p></td></tr><tr><td>Country/region and language selector</td><td><p><strong>Enable country/region selector</strong></p><p>By enabling this checkbox, you can see country/region selector in the footer section. </p><p></p><p><strong>Enable language selector</strong> </p><p>By enabling this checkbox, you can see Language selector in the footer section. </p><p></p><p><strong>Show button color</strong> </p><p>By enabling this checkbox, you can see country/region selector and Language selector button color in the footer section. </p><p></p><p><strong>Background color</strong> </p><p>Use this settings to set background color of Country/region and language selector button in the footer section. </p><p></p><p><strong>Text color</strong> </p><p>Use this settings to set foreground color of Country/region and language selector button in the footer section. </p></td></tr><tr><td>Payment methods</td><td><p><strong>Show payment icons</strong></p><p>By enabling this checkbox, you can see payment icons in the footer section.</p><p></p><p><strong>Use monochrome icons</strong> </p><p>By enabling this checkbox, you can see payment icons in monochrome  style footer section.</p></td></tr><tr><td>Spacing</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="https://895706505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0PKM9UHryXjPN3UYSTy0%2Fuploads%2FdeunxKeriWxEegtEh2ca%2Ffooter.png?alt=media&#x26;token=721301d7-698a-493f-89ba-fc2a79f25ec0" 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.

## 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>

## Social media/contact

The "Social media/contact" block can be taken into use to highlight important information, such as promotions, or contact information.

<table><thead><tr><th width="219">Block</th><th>Description</th></tr></thead><tbody><tr><td>Social media</td><td><p><strong>Heading</strong></p><p>Enter text to display as a Social media heading on the footer block.</p><p></p><p><strong>Show social media icons</strong><br>By enabling this checkbox, you can show social icons.<br><br><strong>Icon style</strong></p><p>Customization of the "Icon style" in the footer section is as follows:</p><ul><li>Link</li><li>Outline </li><li>Solid </li></ul><p><strong>Show left/right border on desktop</strong><br>This feature allows you to display left and right borders of this block content on the desktop view.</p></td></tr><tr><td>Contact</td><td><p><strong>Heading</strong> </p><p>Enter text to display as a contact detail heading on the footer block.  </p><p></p><p><strong>Phone</strong> </p><p>Enter text to display as a phone number on the footer block. </p></td></tr></tbody></table>

## Store information

<table><thead><tr><th width="199">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a title in the "Store information" block.</td></tr><tr><td>Subtext</td><td>Enter text to display as a description in the "Store information" block.</td></tr><tr><td>Address</td><td>Enter text to display as a "Address" on the "Store information" block.</td></tr><tr><td>Phone</td><td>Enter text to display as a "Phone" on the "Store information" block.</td></tr><tr><td>E-mail</td><td>Enter text to display as a contact "E-Mail" on the "Store information" block.</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 "500px" of the image.</td></tr><tr><td>Position on desktop</td><td><p>Customization of "Position on desktop" in desktop devices is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr></tbody></table>

## Newsletter

<table><thead><tr><th width="218">Block</th><th>Description</th></tr></thead><tbody><tr><td>Logo</td><td>Use "Logo" to add a logo image in the footer.</td></tr><tr><td>Logo Width</td><td>Use "Logo width" to customize the logo size in the footer section. You can set a Minimum width "90px" and a maximum width "200px" can be given.</td></tr><tr><td>Email signup</td><td><p><strong>Heading</strong></p><p>Enter text to display as a title on the "Newsletter." </p><p></p><p><strong>Description</strong> </p><p>Enter text to display as a description on the "Newsletter" block.  </p><p></p><p><strong>Show button as</strong> </p><p>Customization of "Show button as" is as follows: </p><ul><li>Icon</li><li>Text</li></ul></td></tr></tbody></table>

<figure><img src="https://895706505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0PKM9UHryXjPN3UYSTy0%2Fuploads%2F6vHyWLyYk33WWK3N41k4%2Ffooter-block.png?alt=media&#x26;token=b37270bb-e8d7-49e7-a639-e7a92a65e2d2" alt=""><figcaption></figcaption></figure>

## Click "Add section" and use some sections.

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

<figure><img src="https://895706505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0PKM9UHryXjPN3UYSTy0%2Fuploads%2F05eaiMMkH9Rf8nBt2gXN%2Ffooter-sections.png?alt=media&#x26;token=6ebe4aff-a9ec-4408-a153-4733414d18dd" alt=""><figcaption></figcaption></figure>
