Contact Info

Using Contact Info settings in the Responsive theme allows you to build all the necessary pieces surrounding your phone number, email address, or other quick links directly in the header.

This makes it easier for visitors to reach you quickly, without having to search your site. Whether your website is a business, portfolio, or personal one, providing contact information that is clear and easy to access helps facilitate trust and enhances visitor engagement.

Go to Customize> Header > Contact info.

Here are some of the customization settings that are present in the contact info widget.

General Setting

• Icons: You can add an icon name that you want to display in the header.
• Icon Shape: Choose the shape of the container around the icons.
• Icon Style: Choose the visual style of the icons. How do you want it to be filled or outlined?
• Icon Size (px): Adjust the size of the icons in pixels.
• Item Spacing (px): Adjust the horizontal spacing between the contact icons in pixels.

Design Settings

• Icons Color: Set the color of the icons. The first is for the color, and the other is for the hover effect color.
• Background Color: Set the background color of the icon containers. The first is for the color, and the other is for the hover effect color.
• Font Color: Pick the color for the text associated with the contact info.
• Font: Access detailed font and typography settings for the text.
• Margin: Set the margin around the entire contact widget.