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)]

Hello :waving_hand: 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; } }

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

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

Yeah I need the ads to show. Thank you so much you’re a life saver, the CSS works perfectly :ok_hand:

Chat box and After Header content issue on mobile

Product Support

Vaping_Community August 9, 2024, 6:30am 2

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

Topic		Replies	Views
Brand Header breaks chat reply box on mobile (iOS) Bug chat , brand-header	10	439	October 25, 2024
The component pushes down the chat, hiding partially the chat input Bug header-submenus	3	392	May 26, 2023
Hiding the header code I added from the chat area Development mobile , chat , css	3	545	July 23, 2023
Enabling chat changes the padding of main-outlet on mobile Product Support chat	9	524	November 9, 2022
Plugin outlet question Development	3	890	June 27, 2023

Chat box and After Header content issue on mobile

Related topics