How to make social icons responsive

Closed
floorajones Posts 1 Registration date Friday April 28, 2023 Status Member Last seen April 28, 2023 - Updated on Apr 30, 2023 at 03:24 PM
HelpiOS Posts 14339 Registration date Friday October 30, 2015 Status Moderator Last seen May 23, 2024 - Apr 30, 2023 at 03:23 PM

Can any WordPress developer help me make my site's About Us (https://tatglam.com/) page responsive? Currently, under the author section, there are social icons that are not displaying properly on mobile devices. How can I make them responsive? I am using the Kadence theme.

1 response

HelpiOS Posts 14339 Registration date Friday October 30, 2015 Status Moderator Last seen May 23, 2024 1,886
Apr 30, 2023 at 03:23 PM

Hi,

The following CSS code should make the buttons responsive:

.wp-block-social-links.aligncenter {
  flex-wrap: wrap;
}

.wp-block-social-link {
  margin: .3em;
}

Hope that helps.


0