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.
link to a new topic form on a site with astra running please
try adding this to custom css
# Mobile
only screen and (min-width: 480px) {
fieldset.bbp-form p {
width : 20px ;
}
}
That does not seem to be working
where are you adding this – to the theme custom css or style pack?
I am adding it to the theme additional css
ok, can you try it in
dashboard>settings>bbp style pack>custom css
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
ok so is the new one still in there?
yes I now have both of them there
ok, it’s not downloading that to the browser, do you have caching software?
I do yes but I have purged the cache and set cloudflare to development mode which turns of cache, could you try again please.
Now I can see the changes – I kicked it around for a while, but my CSS is not up to solve what is required.
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 ?
sort of and if it works, then leave it 🙂 🙂 🙂
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.
not sure I helped much this time, but glad you are fixed
