# Easy Responsive Footer **URL:** https://meta.discourse.org/t/easy-responsive-footer/95818 **Category:** Theme component **Tags:** official, easy-responsive-footer **Created:** [August 28, 2018, 8:19am UTC](https://meta.discourse.org/t/easy-responsive-footer/95818 "2018-08-28T08:19:17Z") **Posts on this page:** 1 **Showing post:** 1
### Author: ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse) #### Post date: [August 28, 2018, 8:19am UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/1 "2018-08-28T08:19:17Z")
| | | | | --- | --- | --- | | :discourse2: | **Summary** | **Easy Responsive Footer** will allow you to build a fully-responsive footer using nothing but plain text. | | 👓 | **Preview** | [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/easy-responsive-footer) | | 🛠 | **Repository Link** | [https://github.com/discourse/Discourse-easy-footer](https://github.com/discourse/Discourse-easy-footer) | | 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) | Install this theme component > [@](#): > > :discourse2: As this is an #official theme component maintained by the Discourse team, #Support, #Contribute > Bug, #Contribute > UX, and #Contribute > Feature requests can be made in the respective categories here on Meta, and tagged with the appropriate theme component tag. Click on a link below to get one started. 👍 > > [❓  **Support**](https://meta.discourse.org/new-topic?category_id=6&tags=easy-repsonsive-footer "Ask for support on configuring and using Easy Responsive Footer") [🐛  **Bug**](https://meta.discourse.org/new-topic?category_id=1&tags=easy-responsive-footer "A bug report means something is broken, preventing normal/typical use of the theme component") [👀  **UX**](https://meta.discourse.org/new-topic?category_id=9&tags=easy-responsive-footer "Discussion about the user interface of Easy Respinsive Footer, and how features are presented (including language and UI elements)") [💡  **Feature**](https://meta.discourse.org/new-topic?category_id=2&tags=easy-responsive-footer "Discussion about how existing Easy Responsive Footer features can be improved or enhanced, and how proposed new features could work") ### Features Desktop ![1](https://global.discourse-cdn.com/meta/original/3X/b/9/b97aff2a3322a8d373fac44d47dd372505c91d61.png) Mobile ![2](https://global.discourse-cdn.com/meta/original/3X/d/d/ddc9ec4332ed83e2e6c2ed24e2de8cd64081e977.png) ### Settings | Name | Description | | --- | --- | | heading | Text for the heading in the footer - you can use your site name for example - Max length 25 characters | | blurb | Enter a short blurb about your community - Max length 180 characters | | sections | Sections to be displayed in the footer | | small links | Small links at the bottom of the footer like Terms of Service and Privacy | | social links | Social links you’d like to add to the footer | | show footer on login required page | Check this setting if you want the footer to be displayed on the login-required page (only applies if your site is private) | | svg icons | List of FontAwesome 7 icons used in the social links setting above. | There are six settings in this component that will help configure it easily **1. Heading** Text for the heading in the footer - you can use your site name for example - Max length 25 characters ![3](https://global.discourse-cdn.com/meta/original/3X/b/0/b01f6f6122c3a984d9a23dfcb982c60290205df4.png) **2. Blurb** a short blurb about your community - Max length 180 characters ![4](https://global.discourse-cdn.com/meta/original/3X/d/d/dd38ed4d11670411d9501926cfe0bf6597f3363f.png) **3. Link sections** Add link sections. The ideal number of sections is six. One item per line in this order: Text, title Text: what appears on in the footer Title: the text that appears when the item is hovered. ![5](https://global.discourse-cdn.com/meta/original/3X/e/3/e3994f46d259a8b26948823a3ca20ee381a529e7.png) **4. Links** Add links to link sections. One item per line in this order: Parent, text, URL, target, title It is a good idea to keep the number of links under each section similar Parent: the name of the parent section which this link shows under. Use the `text` value from the list above Text: the text that shows for this link URL: the path this item links to. You can use relative paths as well. Target: Choose whether this item will open in a new tab or in the same tab. Use blank to open the link in a new tab, or use self to open it in the same tab. Title: the text that shows when the link is hovered. ![6](https://global.discourse-cdn.com/meta/original/3X/b/9/b966d3505662f7e249748dc7a5d734b055f441b9.png) **5. Small links** You can add small links at the bottom of the footer like Terms of Service and Privacy. One item per line in this order: Text, URL, target Text: The text that shows for the small link URL: The path of the link Target: Use blank to open the link in a new tab and use self to open it in the same tab ![7](https://global.discourse-cdn.com/meta/original/3X/1/f/1ffc5c207eed7c24e2565965fb98fa3c1161c755.png) **6. Social links** Enter the social links you’d like to add to the footer in this format: provider, title, URL, target Provider: is the name of the provider like Facebook or Twitter Title: The text that shows when the link is hovered URL: The path you’d like the link to have Target: Use blank to open the link in a new tab and use self to open it in the same tab ![8](https://global.discourse-cdn.com/meta/original/3X/5/c/5cc141ae9e0f9021cd15fd4db6335a151c3b08a6.png) ### Notes 1. I left the placeholder items as defaults for the component so you can easily see what your settings should look like. 2. This component will use your theme’s color scheme to generate the colors used for the elements in it. but all elements have unique classes added to them in case you want to override something. 3. Since this component uses theme settings, it means that I can update it in the future to either fix or improve it and the data you enter would not be lost 🎉 > :discourse2: **Hosted by us?** Theme components are available to use on our Pro, Business, and Enterprise plans. > Last edited by @Moin 2026-04-30T11:36:43Z > > > **Check document** > > > > Perform check on document: --- _[View the full topic](https://meta.discourse.org/t/easy-responsive-footer/95818)._