Limited Support
Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.
We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!
Merry Christmas and Happy Holidays! 🎄
Mar 30, 2024 4:14 pm
I would like to modify the desktop view as shown in the attached image (move an icon + add text field. Could some wizard tell me where in the vastness of css-world I can find where to play around? (I guess it's simply a matter of changing some @media)
Thanks a lot
2 Replies
Mar 30, 2024 4:53 pm
Hi @coder
these are the two media queries
use a higher value for screen max-width (960px and 800px)
@media screen and (max-width: 960px) {
#wpforo #wpforo-wrap .wpfl-4 .wpf-thread .wpf-thread-forum-mobile {
display: block;
}
}
@media screen and (max-width: 800px) {
#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-forum, #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-forum, #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-status, #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-status {
display: none;
}
}
add it to custom css
Dashboard > wpForo > Settings > Colors & Styles > Custom CSS
Mar 30, 2024 5:00 pm
