# Header / Footer

## 👨‍🎨️ What are header or footer

Headers and footers are custom design parts that will always be displayed either on top of your survey or at the bottom of it. 

## ➕ How to add a header or a footer

Once you are in the edit style mode you can customize the header and footer with the design of your choice.

![](https://1025048312-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MFZ0wKlQsVBudVmj7uL%2F-MFZ63olBwa9QOoD48qY%2Fcaptured%20\(40\).gif?alt=media\&token=69646c25-55ca-4b48-92ca-abe86ee0151e)

## 📱 Headers / footers and responsive design

Using the target device you can setup different headers or footers for different devices. As such you can set a different header or footer for any of the available target device to display one given header for desktop users and another header for mobile users.

To set a header or footer for a specific device just select that device from the target device pane below and then edit the header or footer.

![](https://1025048312-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcCuPDIHhVdICAFGdS%2F-MBcEodmnQla7XzmYE8L%2Fimage.png?alt=media\&token=4236df6a-0032-49e8-810c-09a819bf04e3)

{% hint style="info" %}
If you want to remove a header or footer for a given device clear the header and footer content to reset back its content to the main header / footer design
{% endhint %}