[Solved] Social login buttons on top of the main comment form are not aligned on tablets (iPad)

✦ Summarize Topic

How-to and Troubleshooting

Last Post by supertrooper 5 years ago

3 Posts

2 Users

0 Reactions

916 Views

RSS

Posts: 31

supertrooper

Topic starter

Translate ▼

Mar 03, 2021 12:24 am

(@supertrooper)

Trusted Member

Joined: 5 years ago

[#1763]

In finalizing the layout for tablets (iPad) several hours have been spent in trying to align the login social icons for the iPad tablet (see attached screenshot). The issue is not present with desktops or mobiles.

This (tablet issue) can be seen in the comments section at the bottom of the following post:

https://focusingonwildlife.com/news/26-grizzlies-captured-18-euthanized-in-wyoming-last-year/

Hoping that someone will be able to point me in the right direction.

2 Replies

Posts: 8218

Asti

Support

Translate ▼

Mar 03, 2021 1:01 pm

(@asti)

Illustrious Member

Joined: 8 years ago

@supertrooper,

Try the following CSS code:

.wpd-social-login {
   display: flex !important;
   flex-wrap: wrap !important;
}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-avatar {
   flex-basis: 48px !important;
}

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

Please don't forget to press Ctrl+F5 (twice) on the frontend before checking.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.