wpDiscuz - WordPress Comment Plugin
Clear all

Social Login

Posts: 17
Topic starter
Active Member
Joined: 2 months ago


I want to display "Connect with" in mobile devices. The below is a desktop display and in mobile only icon appears but I want to show the text in mobile as well. Please assist.

Screenshot 2021 10 09 at 00 36 54 Mindfulness Techniques to Overcome Depression (A Step by Step Guide)
1 Reply
Posts: 3943
Support member
Joined: 4 years ago


We don't recommend you to show the text on mobile devices. Please note the screens of the mobile devices are not large enough to display much information. So if you display it the design will be messed.

If you still want to display it, use the CSS code below: 

@media screen and (max-width: 600px){
   #wpdcom .wpd-social-login .wpd-connect-with {
      display: block !important;

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.

Also, please try on incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.