How can I build a responsive footer for my experience site

How can you easily build a responsive footer for an experience site?

Follow the information below!

1. Add an HTML Editor component to the Template Footer on your site.
2. Within the HTML component add the HTML from the linked codepen.
3. Access Theme > Edit CSS Overrides (from the drop down menu) and click use overrides.
4. Copy the CSS from the codepen and add it to the CSS Override section and click Save.
5. The footer is now active on your site and will be visible when published.
6. Customise the footer to suit your needs

The example will automatically use the Theme logo for the experience site. There is also examples of displaying social media icons - you will need to upload these to your static resources or replace them with something else

Codepen