Webflow sync, pageviews & more.
NEW

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
  • Open the Webflow Navigator, locate the SVG logo, and confirm it’s inside a Link Block.
  • If not, cut the SVG, add a Link Block, paste the SVG inside, set the link destination in the Settings panel, and adjust layout if needed.

To update the logo link in the top-left corner of your Webflow homepage, you'll need to ensure the logo image (SVG) is correctly wrapped in a link block so that the entire logo is clickable. If the link element is below the logo or separate from it, it's likely not structured properly.

1. Locate the Logo in Your Navigator

  • Open the Navigator panel in Webflow Designer (left sidebar).
  • Find the element that contains your logo SVG—it’s often inside a Navbar component or a custom Header section.
  • Click the logo (SVG).
  • Look at the structure in the Navigator. If the SVG is not inside a Link Block, then it won’t be clickable even if a link block appears nearby.
  • Select the SVG logo in the Navigator.
  • Press CMD/CTRL + X to cut the element.
  • Add a Link Block (from the Add panel or by pressing A and searching "Link Block").
  • Paste the SVG inside the Link Block.
  • Now the SVG is properly wrapped and clickable.
  • Select the Link Block containing the SVG.
  • Go to the Settings panel (right sidebar).
  • Under Link Settings, choose:
  • Page to link internally (e.g., Homepage).
  • URL to link externally (e.g., https://example.com).

5. Adjust Layout if Needed

  • Ensure the Link Block maintains proper dimensions and alignment.
  • You may need to apply display: flex or grid styles to its parent elements to retain your original layout.

Summary

To make your logo correctly link to your homepage, wrap the SVG inside a Link Block, not adjacent to it. Then set the link target in the Settings panel for that Link Block. This ensures the full logo is clickable and behaves as expected.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I include HTML code as a field in a Webflow Collection?
How can I display all non-featured blog posts in a second collection list on Webflow, including both featured and non-featured posts, but excluding the newest featured post displayed in the first list? Manually removing the featured flag from the old post every time a new featured post is published is not feasible.
How can I enforce numeric input in form input fields in Webflow?
How can I create a lightbox hover effect with text in Webflow similar to the example shown in the tutorial?
Why is the mobile menu not functioning properly on my Webflow site when viewed on tablets or smaller devices?
How can I add a specific webhook for each form in Webflow to connect to different scenarios in Integromat/Zapier? Thank you for your help, I haven't been able to find a solution on the forums.
Has anyone else noticed and/or found a solution to the issue in Webflow where changing categories on the main blog page while on a paginated page of the "All" category results in staying on the same paginated page?
Can I choose specific line breaks in Webflow CMS without using Richtext?
What could be the issue if the Webflow Onboarding Form (Full Page) is showing "Oops! Something went wrong while submitting the form" even though the Form Block setting is set to Method: GET and reCAPTCHA has been turned off and published on the site?
How do I make duplicated div blocks in Webflow independent of each other when changes in one block affect the others? Additionally, how can I remove extra side space on my Webflow site?
How can I fix the issue of GIFs not animating when imported as images in Webflow?
When will Webflow add this feature to their API?
How can I improve the hero design and spacing between page elements on my Webflow website for my wife's gym?
How can you achieve a responsive background image in Webflow without sacrificing loading speed for mobile users?
Where can I find better tutorials to learn Webflow, particularly regarding the "Collection" feature, as I am finding the Webflow University lessons difficult to follow?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I dynamically redirect to a CMS created after form submission in Webflow?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can anyone help me add a digital clock and date to my Webflow site? I've been able to add custom code, but I need assistance with styling the text. Thank you in advance for your help!
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
How can I close a dropdown in Webflow when clicking on a link?
Is there a more optimal way to create a portfolio section with a sticky image container that changes as you scroll, similar to the design on Deveb's website, that works across different web browsers, especially Safari, using Webflow or any other JavaScript tools?
How can I implement a multi-select field with a pre-selected option in a popup form on a collection page using Webflow?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?