How To Show/Hide Social Media Icon Label Header Builder Astra Theme

YouTube video

Managing the visibility of labels for social media icons on your website can play a significant role in your site’s user experience and design. For websites using the Astra theme in WordPress, toggling these labels on or off is a simple task with the Header Builder tool. Showing or hiding social media icon labels can help in creating a cleaner look or providing more information to your visitors, depending on your preference. This guide will provide you with a step-by-step approach to show or hide the social media icon labels in the Astra theme.

  1. Log Into WordPress Backend: First, sign in to your WordPress dashboard. This is where you control and manage all the aspects of your WordPress website.
  2. Access Astra Theme Settings: In the dashboard, find the ‘Astra’ option in the left-hand menu bar and click on it. This will open the settings specific to the Astra theme.
  3. Go to Theme Customizer: Look for a ‘Go to Customizer’ link or button within the Astra settings and click on it. This action takes you to the WordPress Customizer, where you can make real-time adjustments to your theme.
  4. Enter Header Builder: In the Customizer, locate and select the ‘Header Builder’. The Header Builder is a feature of the Astra theme that allows for detailed customization of your site’s header.
  5. Click on Social: Inside the Header Builder, look for and click on the ‘Social’ element. This option is available only if the social module has been added to your header builder.
  6. Toggle Show Label Option: In the social module settings, locate the ‘Show Label’ option. Change this setting to either show or hide the labels for your social media icons, according to your preference.
  7. Publish Changes: After adjusting the Show Label setting, click on the ‘Publish’ button to save and apply these changes to your live website.

Customizing the visibility of social media icon labels in your Astra-themed WordPress site offers a quick way to align your website’s design with your branding and user experience goals. Whether you choose to show or hide these labels, it’s a detail that can make a significant difference in how visitors interact with your site. Always check how these changes appear across different devices to ensure a cohesive look.