# How to display image and event name on 1 line on mobile

**URL:** <https://community.elfsight.com/t/how-to-display-image-and-event-name-on-1-line-on-mobile/119949>\
**Category:** Customization\
**Tags:** event-calendar\
**Created:** [May 12, 2025, 1:19pm UTC](https://community.elfsight.com/t/how-to-display-image-and-event-name-on-1-line-on-mobile/119949 "2025-05-12T13:19:20Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Matt\_Golden](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/matt_golden/32/65880_2.png) [@Matt\_Golden](https://community.elfsight.com/u/Matt_Golden)\
**Post date:** [May 12, 2025, 1:19pm UTC](https://community.elfsight.com/t/how-to-display-image-and-event-name-on-1-line-on-mobile/119949/1 "2025-05-12T13:19:20Z")

</div>

See how the logo and title are one different lines. Could you make them on the same line to use less screen space?

 ![1000038654](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/d/0d853758e05d0c8f965ee10666514cfcdd89320b.png)

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [May 12, 2025, 4:15pm UTC](https://community.elfsight.com/t/how-to-display-image-and-event-name-on-1-line-on-mobile/119949/3 "2025-05-12T16:15:35Z")

</div>

Hey there, @Matt_Golden and welcome to the Community 👋

Sure! I’ve passed your request on to the dev team and will get back to you tomorrow 🙂

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [May 13, 2025, 10:52am UTC](https://community.elfsight.com/t/how-to-display-image-and-event-name-on-1-line-on-mobile/119949/4 "2025-05-13T10:52:07Z")

</div>

Hi @Matt_Golden 👋

Unfortunately, it’s impossible to display title and image in 1 line. Other elements like time, venue and description will change their position as well. Here is how it will look:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/b/8/b8829773c15064af4af8550ef7c0bc2ef5086e6b.png)

  

If you like this result, please the code below in the Custom CSS field on the Style tab of your widget’s settings 🙂

```auto
@media (max-width: 480px) {
  .eapp-events-calendar-list-item-info {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
  }
}

```