I want my header logo to be unclickable

Store Design

Topic summary

A Dawn theme user wants to disable the clickable functionality of their header logo on both desktop and mobile, preventing customers from returning to the homepage when clicking it.

Proposed Solutions:

Two CSS-based approaches were suggested:

  • Custom CSS method: Add pointer-events: none !important; targeting header heading link classes through the theme customizer (Online Store > Themes > Customize > Theme settings > Custom CSS)

  • Direct file edit: Alternatively, add the same pointer-events: none rule to the .header-logo class by editing the theme.css or base.css file directly in the code editor

Both solutions use CSS to prevent click interactions with the logo element. One respondent requested the store URL and password to provide more specific guidance.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

Hey,

I am using the dawn theme and i want both for web and mobile to make my logo unclickable so customers can not go to the home page.

Can someone guide me step by step how to edit my liquid code?

2

Hey @Nick137

Share your Store URL and password if enabled.

Best Regards,

Moeed

3

Hi @Nick137

You can try to add this code to Custom CSS in Online Store > Themes > Customize > Theme settings and check if it works

.header--middle-left .header__heading-link, .header--top-left .header__heading-link {
pointer-events: none !important;
}
4

Hello, @Nick137

  1. Go to Online Store
  2. Edit Code
  3. Find theme.css/base.css file
  4. Add the following code in the bottom
.header-logo {
    pointer-events: none !important; 
}

Thanks!