Paid Addons Support Forum Only

Please note, that here we only support Paid Addons issues and questions.

gVectors Support staff works from 6am to 6pm (GMT+0)

All questions related to wpForo and wpDiscuz free plugins should be asked in the corresponding plugin support forum:

 

wpDiscuz Support Forum   wpForo Support Forum

[Solved] Possible to make rank icons smaller in mobile view?  


ChrisR
Posts: 53
Customer
(@chris-r)
Member
Joined: 7 months ago

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

4 Replies
Astghik
Posts: 4136
Admin
(@astghik)
Support Team
Joined: 2 years ago

Hi @chris-r,

Sure it's possible, just leave some example URL to allow us to provide a CSS solution for you. 

3 Replies
ChrisR
Customer
(@chris-r)
Joined: 7 months ago

Member
Posts: 53

@astghik

 

Thanks for getting back to me!  I sent you the link via messages on here. 

 

Thanks again!

 

-Chris

 

Astghik
Admin
(@astghik)
Joined: 2 years ago

Support Team
Posts: 4136

@chris-r,

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.  

 

ChrisR
Customer
(@chris-r)
Joined: 7 months ago

Member
Posts: 53

@astghik

 

Thank you so much!  That code worked perfectly!  

 

Thanks again and take care, 

-Chris

 

Share: