Webflow sync, pageviews & more.
NEW
Answers

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.

To edit the existing link on the logo in the top left corner of your Webflow homepage, you will need to navigate to the Webflow Designer and follow these steps:

1. Select the logo element: Locate the logo element on your homepage by clicking on it. It might be an image or an SVG element. Once you find it, click on it to select it.

2. Wrap the logo in a link element: With the logo element selected, go to the Elements panel on the right-hand side of the Designer. Click on the "Link" element and drag it onto the canvas above the logo. This will wrap the logo in a link element.

3. Customize the link: With the new link element selected, you can now customize its properties in the settings panel. In this case, you will want to set the link's destination or URL. You can set an external URL or link to a specific page within your website.

4. Adjust the layout: After wrapping the logo in the link element, you might notice that the link appears below the image. To fix this, make sure the link element is the parent of the logo element. You can adjust the layout by dragging the logo element inside the link element in the Navigator panel, which you can access from the left-hand side of the Designer.

5. Style the link and logo: Finally, you can style the link and logo to match your website's design. This includes changing the link color, hover effects, and resizing the logo if needed. Use the Style panel on the right-hand side of the Designer to apply these visual changes.

By following these steps, you should be able to edit the existing link on the logo in the top left corner of your Webflow homepage. Remember to publish your site for the changes to take effect on the live version.

Rate this answer

Other Webflow Questions