# Image before headline

**URL:** <https://community.sitejet.io/t/image-before-headline/4069>\
**Category:** Website Builder\
**Tags:** cms\_element, cms\_usability\
**Created:** [December 5, 2024, 1:23pm UTC](https://community.sitejet.io/t/image-before-headline/4069 "2024-12-05T13:23:49Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Wouter\_E](https://avatars.discourse-cdn.com/v4/letter/w/ac91a4/32.png) [@Wouter\_E](https://community.sitejet.io/u/Wouter_E)\
**Post date:** [December 5, 2024, 1:23pm UTC](https://community.sitejet.io/t/image-before-headline/4069/1 "2024-12-05T13:23:49Z")

</div>

Hello,

I’ve tried multiple things to get this working but failed every time.

I would like to add an image before my headline. Now when I use the image and headline elements it puts them above each other when I toggle the the auto size in the layout section it works in desktop mode but in the mobile version it puts them under each other. Is it possible to add an image to the headline and keeping it one element so it works on all platforms.

something like this

 ![headline](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/2X/0/06b33c1bdd4ae81ad8f950f526aa5228483d9ddd.png)

Thnx in advance,

Wouter

---

<div class="post-metadata">

**Author:** ![Barbara\_Bichler](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/barbara_bichler/32/3745_2.png) [@Barbara\_Bichler](https://community.sitejet.io/u/Barbara_Bichler)\
**Post date:** [December 6, 2024, 10:21am UTC](https://community.sitejet.io/t/image-before-headline/4069/2 "2024-12-06T10:21:53Z")

</div>

If you put these two items in a container you can play with the settings of the container in order to place them next to each other.

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [December 11, 2024, 11:29am UTC](https://community.sitejet.io/t/image-before-headline/4069/3 "2024-12-11T11:29:53Z")

</div>

Hey Wouter, Barbara is right.

Did it work for you? Do you need someome to take a look at it?

---

<div class="post-metadata">

**Author:** ![Wouter\_E](https://avatars.discourse-cdn.com/v4/letter/w/ac91a4/32.png) [@Wouter\_E](https://community.sitejet.io/u/Wouter_E)\
**Post date:** [December 16, 2024, 5:33pm UTC](https://community.sitejet.io/t/image-before-headline/4069/4 "2024-12-16T17:33:37Z")

</div>

I was on an little holliday without an computer and your anwser works thank you for pointing it out. It took some time to figure out but now it looks good on the website.

Thanks again

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [December 17, 2024, 2:32pm UTC](https://community.sitejet.io/t/image-before-headline/4069/5 "2024-12-17T14:32:31Z")

</div>