Chat box and After Header content issue on mobile

Support
1

Discourse 3.4.0.beta1-dev
iPhone SE 2020

I’m seeing an issue on mobile where the chat box is being pushed down if there is content in after header, in my case 2 adverts as shown in the picture, I cannot get to the reply box

Wrapped in divs with minimal CSS associated with it.

The image is a screenshot from a smartphone displaying a conversation within a social media app. (Captioned by AI)
The image is a screenshot from a smartphone displaying a conversation within a social media app. (Captioned by AI)750×1334 160 KB

2

Tried to remove the divs and keep just the images but still the same issue

3

On initial chat load the chat box is forced down under the After Header content, if you then refresh the browser you are able to view channels by scrolling and PM’s are completely fixed, no scrolling.

Completely broken in discourse hub app

4

I can’t remove the adverts, anyone got a workaround?

5

Hello :wave: Why you can’t hide ads on chat? Is that because you want to the ads be there or technical reason? It can be targetable with CSS separately to chat.

Something like:
Change your-ads-class to the class which you can target house-ad.

body.has-full-page-chat {
  .your-ads-class {
    display: none;
  }
}
3 Likes
6

Yeah I need the ads to show.

Thank you so much you’re a life saver, the CSS works perfectly :ok_hand:

2 Likes
7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.