Webflow sync, pageviews & more.
NEW

How can I link my logo to the homepage on Webflow?

TL;DR
  • Drag a Link Block around your logo image and move the logo inside it.
  • Set the Link Block’s destination to your Home Page in Element Settings and test the link in Preview mode.

To make your logo clickable and link it to the homepage in Webflow, you just need to wrap it with a link element and set the correct destination.

  • Select your logo image element on the canvas.
  • In the Navigator panel, drag a Link Block from the Add panel (press A) and place it where your logo is.
  • Move your logo image inside the Link Block by dragging it into the Link Block container.
  • Select the Link Block that now contains your logo.
  • In the right-hand Element Settings panel, find the Link Settings.
  • Set the link type to “Page”.
  • Choose your Home Page from the dropdown list.

3. Optional: Style Adjustments

  • If the logo or its positioning changes, adjust margins or padding within the Link Block.
  • Ensure pointer cursor is applied on hover (this is automatic in most cases, but check in Style panel if needed).
  • Click the Preview icon (eye icon) in Webflow.
  • Click the logo and make sure it navigates to your homepage.

Summary

Wrap your logo in a Link Block, set its link to the Home Page in the Element Settings, and verify it works in Preview mode.

Rate this answer

Other Webflow Questions