# New bug when using HEADER layout with images in mobile **URL:** \ **Category:** Bugs\ **Created:** [January 30, 2024, 10:41am UTC](https://forum.ghost.org/t/new-bug-when-using-header-layout-with-images-in-mobile/44566 "2024-01-30T10:41:37Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![cieloazul](https://avatars.discourse-cdn.com/v4/letter/c/76d3ee/32.png) [@cieloazul](https://forum.ghost.org/u/cieloazul)\ **Post date:** [January 30, 2024, 10:41am UTC](https://forum.ghost.org/t/new-bug-when-using-header-layout-with-images-in-mobile/44566/1 "2024-01-30T10:41:37Z")
Hello, I was browsing today and something strange happened. The image used in the layout is out of the screen, and the black background is also not in place. 1 month ago it was working perfectly. ![image](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/0/d/0daf52c3f3975313ed8819debce9fc626647e226.jpeg) ---
**Author:** ![AnimaVillis](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/animavillis/32/27600_2.png) [@AnimaVillis](https://forum.ghost.org/u/AnimaVillis)\ **Post date:** [January 30, 2024, 11:00am UTC](https://forum.ghost.org/t/new-bug-when-using-header-layout-with-images-in-mobile/44566/2 "2024-01-30T11:00:14Z")
Hello, Did You change somethink during this one month? ---
**Author:** ![cieloazul](https://avatars.discourse-cdn.com/v4/letter/c/76d3ee/32.png) [@cieloazul](https://forum.ghost.org/u/cieloazul)\ **Post date:** [January 30, 2024, 11:01am UTC](https://forum.ghost.org/t/new-bug-when-using-header-layout-with-images-in-mobile/44566/3 "2024-01-30T11:01:00Z")
No. I have not touch anything. ---
**Author:** ![AnimaVillis](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/animavillis/32/27600_2.png) [@AnimaVillis](https://forum.ghost.org/u/AnimaVillis)\ **Post date:** [January 30, 2024, 1:30pm UTC](https://forum.ghost.org/t/new-bug-when-using-header-layout-with-images-in-mobile/44566/4 "2024-01-30T13:30:08Z")
Could You give us href to your site? It’s looklike those badges on screen are not mobile friendly. ---
**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\ **Post date:** [January 30, 2024, 1:34pm UTC](https://forum.ghost.org/t/new-bug-when-using-header-layout-with-images-in-mobile/44566/5 "2024-01-30T13:34:45Z")
Live link please? This could be a change in how the ghost core generates the html, but could also be a theme-specific problem. Or a new interaction between the two. Seeing it live in your site will help with the diagnosis! ---
**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\ **Post date:** [January 30, 2024, 2:59pm UTC](https://forum.ghost.org/t/new-bug-when-using-header-layout-with-images-in-mobile/44566/6 "2024-01-30T14:59:14Z")
That super wide button with the text is at fault. Try: ```auto .kg-header-card-button { white-space: prewrap!important; } ``` (Ghost buttons are set to not wrap by default, which works OK until you put on huge text, and then things break…) ---
**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/2X/b/ba9ce5100b8bb264586f4f572545596b2ce3f081.png) [@system](https://forum.ghost.org/u/system)\ **Post date:** [April 29, 2024, 3:00pm UTC](https://forum.ghost.org/t/new-bug-when-using-header-layout-with-images-in-mobile/44566/7 "2024-04-29T15:00:04Z")
Closed on April 29, 2024, 3:00pm UTC This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.