Notifications
Clear all
Jan 04, 2023 8:42 pm
Hi,
I am using the QA layout.
The "Vote" button and "margin" are too large on mobile. Look at the screenshot.
How can I reduce it?
Thanks
4 Replies
Jan 04, 2023 9:15 pm
try
@media screen and (max-width: 680px) {
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left {width: 40px; font-size: 10px !important;}
#wpforo #wpforo-wrap .wpfl-3 .wpf-positive {font-size: 18px;}
#wpforo #wpforo-wrap .wpfl-3 .wpf-negative {font-size: 18px;}
#wpforo #wpforo-wrap .wpfl-3 .wpf-vote-number {font-size: 18px; line-height: 18px;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left .wpf-toggle-not-answer {font-size: 20px; padding-top: 2px;}
}
Jan 04, 2023 9:45 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
complete the code above with
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right {width: calc(100% - 52px);}
should then look like this, so that the content adapts to the mobile size
@media screen and (max-width: 680px) {
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left {width: 40px; font-size: 10px !important;}
#wpforo #wpforo-wrap .wpfl-3 .wpf-positive {font-size: 18px;}
#wpforo #wpforo-wrap .wpfl-3 .wpf-negative {font-size: 18px;}
#wpforo #wpforo-wrap .wpfl-3 .wpf-vote-number {font-size: 18px; line-height: 18px;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left .wpf-toggle-not-answer {font-size: 20px; padding-top: 2px;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right {width: calc(100% - 52px);}
}