AI Search
Classic Search
Notifications
Clear all
Mar 30, 2024 8: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 8: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 9:00 pm
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
@tutrix you are amazing! Thanks a lot Tutrix