# Help with banner bug

**URL:** https://community.thunkable.com/t/help-with-banner-bug/725040
**Category:** Questions about Thunkable X
**Created:** [August 7, 2020, 2:39am UTC](https://community.thunkable.com/t/help-with-banner-bug/725040 "2020-08-07T02:39:40Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![loyaltapdevtpih](https://avatars.discourse-cdn.com/v4/letter/l/838e76/32.png) [@loyaltapdevtpih](https://community.thunkable.com/u/loyaltapdevtpih)
#### Post date: [August 7, 2020, 2:39am UTC](https://community.thunkable.com/t/help-with-banner-bug/725040/1 "2020-08-07T02:39:40Z")

</div>

Hi all,

We have 3 screens which we’ve made a top banner bar for each. The setup of the banner bar is a row containing a few rows with components in each (image, label, button with a cover image). Below that we have another row containing an image (grey gradient image).

**On our Home and Cafe screens, the banner bar is not displaying properly.** See issue below.

iOS Home and Cafe screens:

 ![Home screen iOS](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/e/7eec7067c904854013b02c7df4f47c5da9d62d77.jpeg) ![Cafe screen iOS](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/8/086d743b472451d615d462a8f36c1506bb387970.jpeg)

Android Home and Cafe screens:

 ![Home screen Android](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/3/e32cfd61fec6bea3cba9285158ae2a7fb0f61caa.jpeg) ![Cafe screen Android](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/c/ec08ad86d9d5fdf098e26df03dc316f1cb8b4b17.jpeg)

The Android order screen formats perfectly on Android and is exactly what we want.

iOS left, Andriod right.

 ![Order screen iOS](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/d/3d7cb8990aee1674a292aa302186790bd32da321.jpeg) ![Order screen Android](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/7/573c00946c8e54c344de38ab090ff8c8d251ea91.jpeg)

All three of these screens’ banner bars have the **exact** same setup. Everything outside of the banner bar is contained within a row, so anything within it shouldn’t be causing issues. All screens are within the bottom tab navigator.

Can provide more detail is necessary. Any help much appreciated as we’ve been struggling with this.

Thanks Thunkers 🙂

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [August 27, 2020, 10:35pm UTC](https://community.thunkable.com/t/help-with-banner-bug/725040/2 "2020-08-27T22:35:32Z")

</div>

It might be the `backgroundImageResizeMode` property @loyaltapdevtpih - if you change that to `contain` (or maybe `cover`) will that work for you?

Thanks

---

<div class="post-metadata">

### Author: ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 12:24pm UTC](https://community.thunkable.com/t/help-with-banner-bug/725040/3 "2024-11-08T12:24:35Z")

</div>