Hi @orgynaija,

This is designed to work this way. wpForo shows the icons on the desktop and hide those on mobile. 

You should use the following CSS code to display icons on mobile as well. Navigate to Dashboard > Forums > Settings > Styles admin page put the code in "Custom CSS Code" textarea. Save it, delete all caches and check again.

#wpforo #wpforo-wrap .wpforo-forum-icon {
    display: block !important;
}

@media screen and (max-width: 620px)
    #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-info {
    width: auto !important;
}

Put this CSS code in "Custom CSS Code"  textarea. 

#wpforo #wpforo-wrap .wpforo-forum-icon i {
   color: #ff8d8d !important;
}

Don't forget to change the red marked color code before using.

Thank you so much for providing the code. This code worked in displaying the Icon and even changing icon only colour.

However, it is creating layout error in movile version for me when I brows in 5.5 inch screen.

The icon is pushing down the Forum text in next line. I have attached image for you to understand. Please assist.

Hi @writetoyogen

Try this CSS code it should help to solve the issue. 

@media screen and (max-width: 620px){
#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-info, #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-info {
    width: 80% !important;
  }
}