How can I edit the existing link on the logo in the top left corner of my Webflow homepage? It doesn't seem to be wrapped around the SVG and appears below the image.
TL;DR
- In the Webflow Designer, wrap your SVG or image inside a Link Block using the Navigator panel.
- Set the Link Block’s destination in the Element Settings, then publish and test to ensure correct behavior.
If the logo link appears below the SVG and not wrapping around it, the structure of your elements may be incorrect in the Webflow Designer. Here's how to fix it.
1. Check the Logo Structure in the Navigator Panel
- In the Webflow Designer, open the Navigator tab (left toolbar).
- Locate the logo section, typically inside a Navbar or Header.
- Confirm if the Link Block is above, below, or not wrapping the SVG/logo image.
2. Wrap the SVG in a Link Block
- Select the SVG element (likely an Image or Embed component).
- Press Shift + A to open the Quick Add menu and choose Link Block.
- Drag the SVG element into the Link Block so that it is inside (child of) the block.
- The structure should look like:
Link Block
→ SVG or Image
3. Set the Correct Link Destination
- Select the Link Block that now wraps your logo.
- In the Element Settings Panel (right sidebar with gear icon), set the link setting:
- Choose Page and select your Homepage if you want it to link back.
- Or use URL to enter a custom destination (e.g.,
/or external URL).
4. Publish and Test
- Click Publish to update your live site.
- Test the logo link to confirm it now redirects correctly and behaves as expected.
Summary
To fix the logo link, wrap your SVG or image inside a Link Block, ensuring it’s not outside or adjacent to it. Then set the link destination and publish the changes.