[allyhouston]

Hello. On my bbpress forum the new topic box on mobile is too wide for the screen. I’ve seen this query come up with other themes but the fix seems to be theme-specific. https://bbpress.org/forums/topic/bbp-topic-form-wont-show-up-properly-on-mobile/

https://metpsy.com/forums/forum/metpsy-forum/

WP version 6.2.2
bbPress version 2.6.9
I’m using the Astra theme version 4.1.6

[Clivesmith]

Hi,
I have had this problem for 3years using the twentytwelve theme, for various reasons I am just changing to the Astra theme and still getting the same problem.
It would be nice to get it sorted.

[Robin W]

link to a new topic form on a site with astra running please

[Clivesmith]

Hi Robin,

https://www.wateratairports.com/topic/brisbane-airport-bne

Thanks
Clive

[Robin W]

try adding this to custom css

# Mobile
only screen and (min-width: 480px) {
fieldset.bbp-form p {
width : 20px ;
}
}

[Clivesmith]

That does not seem to be working

[Robin W]

where are you adding this – to the theme custom css or style pack?

[Clivesmith]

I am adding it to the theme additional css

[Robin W]

ok, can you try it in

dashboard>settings>bbp style pack>custom css

[Clivesmith]

I had

@media screen and (max-width: 480px) {
.bsp-topic-rules {
width : 60% !important
}
}

in the bbp style pack>custom css

I have tried adding the new one, but it is the same, I also tried removing the other one

[Robin W]

ok so is the new one still in there?

[Clivesmith]

yes I now have both of them there

[Robin W]

ok, it’s not downloading that to the browser, do you have caching software?

[Clivesmith]

I do yes but I have purged the cache and set cloudflare to development mode which turns of cache, could you try again please.

[Robin W]

Now I can see the changes – I kicked it around for a while, but my CSS is not up to solve what is required.

[Clivesmith]

I have found what I think is it, I put in the change
}
.bbp-the-content-wrapper {
width: 80%;
height: 100% !important
}
which does bring it all onto the screen but I get a scroll bar down the right hand side it does not do anything but it is there.
does what I have done make any sense ?

[Robin W]

sort of and if it works, then leave it 🙂 🙂 🙂

[Clivesmith]

Yes I will, it reduces the size on the desktop as well but most of the users are on mobiles.
Thank again for you help.

[Robin W]

not sure I helped much this time, but glad you are fixed