Recently watched a video where the Navigation Bar has social media icons in the top right that hyper link to the respective pages.
How does one go about adding them, and how to do you space them out to your liking.
I have attached a screenshot - any help is appreciated!
You can add link blocks that contain images of the social channels you’d like to include. Add the links to those social channels on the link blocks.
Structure would look like
Nav
Social Container
Link Block (With Social Link)
Image
Link Block (With Social Link)
Image
Link Block (With Social Link)
Image
Add some padding to the link blocks to the center and space out images to your linking
I couldn’t tell you any more than that without seeing your site read-only link.
Really appreciate you help Kyle! Just did the layout you described and it worked perfectly.
The one follow up question I have is how do you center it within the container? Is there a way to space them out perfectly beyond the manual margin and padding?
Here is the read only link too: https://preview.webflow.com/preview/homeroompodcast?utm_medium=preview_link&utm_source=designer&utm_content=homeroompodcast&preview=ec71bdc87be15a321dfc8978f9a95bd5&workflow=preview
Thank you very much for your help!
Like this?
If you add a class - let’s call it social icons - to each of the images of the logos you can add padding to them and it will equally affect all of the icons. Right now I think you had them called Image 13, good practice to add descriptive titles to classes so you can sort these issues out easier!
That’s exactly it! Thank you so much.
Hey guys, how did you resize the icon? I cant seem to find it.
whatsup! You can resize the icon by putting the size value in the ‘width’ and ‘height’ in the ‘Size’ section on your right menu.
