How can I link the two icons (Linkedin and Email) on my home page while keeping them centered?

Published on
September 22, 2023

To link the two icons (Linkedin and Email) on your home page while keeping them centered, you can follow these steps in Webflow:

  1. Add an Element: First, add a new div block to your home page or any other element that will serve as the container for your icons.

  2. Center the Container: Select the div block containing your icons, then go to the top menu and click on the "Flex" icon. Choose "Center" in both the horizontal and vertical alignment options. This will ensure that the container is centered on the page.

  3. Add the Icons: Inside the div block, add the LinkedIn and email icons as separate elements. You can do this by dragging and dropping the appropriate icon elements from the Elements panel onto your div block.

  4. Style the Icons: With each icon selected, you can customize its appearance to align with your design. You can change the size, color, and other style properties using the Style panel.

  5. Add Link to the Icons: To add a link to the icons, select the LinkedIn icon element, go to the Link settings in the right-hand panel, and enter the appropriate URL for the LinkedIn profile. Repeat the same process for the email icon, specifying the email contact URL in the Link settings.

  6. Test and Publish: Once you have linked the icons and styled them, preview your website to ensure that the icons are centered and the links are working properly. If everything looks good, publish your site to make the changes live.

By following these steps, you can easily link the LinkedIn and email icons on your home page while keeping them centered.