Previous Topic Next Topic

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 17776 Status Moderator - 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

Answer 1 / 1
HelpiOS Posts 17776 Status Moderator 1,878
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.

Similar discussions

After start up only wallpaper shows, no icons
Challanged -
Ranjeet -

261 responses
I see a only my desktop wallpaper and nothing else.
Charmz_07 -
HelpiOS -

3 responses
No icons on my PC only desktop background
DULLAH -
AZ -

103 responses
I accidentally deleted the "messages" icon
chisco_07 -
Tinkerbell4700 -

17 responses
All my icons change to Internet Explorer
Hi Ying -
midaling -

41 responses