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

# Footer

### Configure footer section

Select the customize theme option. Click on the dropdown menu at the top of the page to select the **Home page** template**.**

From the left side menu, select **Footer**.

Customize the section by utilizing the setting on the right side of the theme editor, as described below;

<table data-header-hidden><thead><tr><th width="281"></th><th></th></tr></thead><tbody><tr><td>Footer</td><td><p><strong>Enable compact view</strong><br>Select this checkbox to show the footer in compact view.<br><br><strong>Enable sticky footer</strong><br>Select this checkbox to enable the sticky footer.<br><br><strong>Logo</strong></p><p>Select the image to add a logo. </p><p> </p><p><strong>Logo width</strong> </p><p>Adjust the range bar to select a custom logo width. </p><p></p><p><strong>Logo opacity</strong><br>Adjust the range bar to determine the logo opacity. <br><br><strong>Enlargen the logo</strong><br>Select this checkbox to make the logo large.<br><br><strong>Enable marquee of logo</strong><br>Select this checkbox to enable the marquee of the logo.<br><br><strong>Logo/social media icons position</strong><br>Select from the top and bottom to select the logo position.<br><br><strong>Show social media icons</strong><br>Tick this checkbox to show the social media icons.<br><br><strong>Social media heading</strong><br>Enter any text to show besides the icons.<br><em>Note: To display your social media accounts, link them in your theme settings -> social media.</em></p></td></tr><tr><td>Language selector</td><td><strong>Enable language selector</strong><br>Tick the checkbox to show/hide a language selector. For more info, go through <a href="https://help.shopify.com/en/manual/markets/languages/manage-languages">help docs.</a></td></tr><tr><td>Currency selector</td><td><strong>Enable currency converter</strong><br>Tick the checkbox to show/hide a currency selector. For more info, go through <a href="https://help.shopify.com/en/manual/markets/pricing/set-up-local-currencies">help docs.</a></td></tr><tr><td>Payment methods</td><td><strong>Show payment icons</strong><br>Tick the checkbox to show/hide the payment icons.</td></tr><tr><td>Follow on Shop</td><td><strong>Enable Follow on Shop</strong><br>Tick the checkbox to show/hide the follow-on shop button. For more information regarding this, go through this <a href="https://help.shopify.com/en/manual/online-store/themes/customizing-themes/follow-on-shop">link</a>.</td></tr><tr><td>Background</td><td><p><strong>Image</strong><br>Choose any image for the footer background.<br><br><strong>Overlay opacity</strong><br>Adjust the range bar to determine the overlay opacity on the image. Its color can be managed from the theme settings>color>footer>Background overlay.<br><br><strong>Top spacing (desktop)</strong> </p><p>Adjust the range bar to add spacing at the top of the section for desktop view.  <br> </p><p><strong>Bottom spacing (desktop)</strong> </p><p>Adjust the range bar to add spacing at the bottom of the section for desktop view. </p><p> </p><p><strong>Top spacing (mobile)</strong> </p><p>Adjust the range bar to add spacing at the top of the section for mobile view. </p><p> </p><p><strong>Bottom spacing (mobile)</strong> <br>Adjust the range bar to add spacing at the bottom of the section for mobile view. </p></td></tr></tbody></table>

### Block settings

<table data-header-hidden><thead><tr><th width="284"></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td>Menu</td><td><strong>Heading</strong><br>Add text to appear as the title.<br>(<em>Note: Heading is required to show the menu on the mobile view.)</em><br><br><strong>Menu</strong><br>Select any menu to display its first-level menus in the footer drawer, which opens on click of a heading.</td><td></td></tr><tr><td>Store details</td><td><strong>Heading</strong><br>Add any text to appear as a heading.<br><br><strong>Description</strong><br>Add any text. This can be used to display the store information.<br><br><strong>Contact number</strong><br>Add the contact number.<br><br><strong>Email</strong><br>Add the contact email ID.</td><td></td></tr><tr><td>Newsletter</td><td><strong>Show newsletter</strong><br>Tick the checkbox to show a newsletter form.<br><br><strong>Enable arrow button</strong><br>Tick the checkbox to show arrow in the newsletter instead of the button.<br><br><strong>Heading</strong><br>Add the newsletter heading text.<br><br><strong>Placeholder text</strong><br>Add the newsletter placeholder text.<br><br>Language selector<br><strong>Enable language selector</strong><br>Tick the checkbox to show a language selector. For more info, go through <a href="https://help.shopify.com/en/manual/markets/languages/manage-languages">help docs.</a><br><br>Currency selector<br><strong>Enable currency converter</strong><br>Tick the checkbox to show a currency selector. For more info, go through <a href="https://help.shopify.com/en/manual/markets/pricing/set-up-local-currencies">help docs.</a></td><td></td></tr></tbody></table>