# Header Logo Image

## 🖼️ Adding a header logo image  

You can add a logo or image that will be displayed on top of your survey pages using the header image entry.

![](https://1025048312-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBc-WeV_4p5ioAkKy1Z%2F-MBcA3RQ_GG8mFGcWL4a%2Fimage.png?alt=media\&token=e4997835-5af0-45f7-850e-0187ea08915b)

Once you have selected your favorite image from the media gallery it will be displayed on your survey's pages.

![](https://1025048312-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBc-WeV_4p5ioAkKy1Z%2F-MBc9dmBYLbE73mCFGdo%2Fimage.png?alt=media\&token=4bdb5aca-9b6f-44a8-aec6-a396b09435f0)

You may also align the logo to left, center or right using the align tool.

![](https://1025048312-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBc-WeV_4p5ioAkKy1Z%2F-MBc9OlR_JIU-xH6JMG9%2Fimage.png?alt=media\&token=0b049aab-044b-4edf-95fd-0bda2454be16)

{% hint style="info" %}
You set a custom size for your image in the [Elements](https://docs.ngsurvey.com/form-management/style-branding/style-editor/elements) header image properties
{% endhint %}

## 📱 Images and responsive design

Using the target device you can setup different images for different devices. As such you can set a different image for any of the available target device to display one given logo for desktop users and another logo for mobile users.

To set a logo for a specific device just select that device from the target device pane below and then select a new logo image, this will assign the logo to the selected target device.

![](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)