Hide Unlinked Icons in the Social Media Module

|

Boost Your Site and Save 20% this Weekend

Join 50,000 users and build a better site with 20% off all Divi Booster plugins.

Discount applied at checkout. Offer ends Monday!

Day(s)

:

Hour(s)

:

Minute(s)

:

Second(s)

The Divi Theme includes a social media module which can be used to display social icons on a site. By default all icons configured in the module will display, even if no link has been entered for them. Here's how to hide any icons in the social media follow module which do not have a link set.

Hide Unlinked icons in the Social Media Module using CSS

You can use the following CSS to hide any icons in the social media module which do not have a link set on them. 

.et_pb_social_media_follow .et_pb_social_network_link > a[href="#"],
.et_pb_social_media_follow .et_pb_social_network_link > a[href=""] {
    display:none;
}

This post may contain referral links which may earn a commission for this site

Divi Booster

Hundreds of new features for Divi
in one easy-to-use plugin

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *