Hello,
The rank icon size in desktop mode looks great, but in mobile view the icons are a little big for the screen size. Is it possible to make them smaller in mobile view with some css?
Thank you,
-Chris
Search
Close
AI Search
Classic Search
Notifications
Clear all
Mar 12, 2020 8:15 am
4 Replies
Mar 12, 2020 11:06 am
Hi @chris-r,
Sure it's possible, just leave some example URL to allow us to provide a CSS solution for you.
Mar 12, 2020 8:42 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
@astghik
Thanks for getting back to me! I sent you the link via messages on here.
Thanks again!
-Chris
Mar 13, 2020 12:11 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
Please try the following CSS code:
@media screen and (max-width: 800px){
#wpforo-wrap .wpforo-mycred-rank-wrap img.mycred-rank {
width: 99px;
height: auto;
}
}
The red marked code can be changed as you want.
The CSS code should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Style Tab.
Please don't forget to delete all caches before checking. Also, mobile browsers have a hard cache, you'll not be able to see the change immediately, so please check it on incognito mode.
Mar 13, 2020 9:28 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
@astghik
Thank you so much! That code worked perfectly!
Thanks again and take care,
-Chris