How to hide a logo in a responsive theme's homepage header?

Store Design

Topic summary

A user seeks to hide their logo from the homepage header in a responsive Shopify theme.

Proposed Solutions:

  • Add display: none; CSS property to the logo class in the header.liquid file
  • Navigate to theme editor → Header → Custom CSS section and insert:
.logo {
  display: none;
}

Current Situation:

  • Multiple developers requested store URL and password to provide tailored solutions
  • User shared development store credentials (quiltycreative.myshopify.com, Password: GlassKey1951)
  • Upon inspection, one developer noted the banner image already contains the logo embedded within it

Key Clarification Needed:

  • User confirms they intentionally created a banner image that includes the logo and other pictures
  • They want the logo visible in the banner but hidden from the header section
  • Question remains whether mobile view requires different treatment

The discussion is ongoing as developers assess whether separate mobile/desktop banner images are needed.

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

How do I hid the logo in the header of the homepage in the responsive theme?

Thank you,

Ann

2

Apply display: none property to the logo class in header.liquid file in them code.

3

If it’s just the logo you want to hide, try something like this. In your theme editor, click on Header, then scroll on that left side all the way down to where it says Add Custom CSS. Type this in:

.logo{
display: none;
}

This will hide the logo on the header.

Did this work?

4

Hi @AnnKlos ,

Would you mind to share your URL website and password?

Thanks!

5

Hello @AnnKlos

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

6

My site is not live yet.

Here is the URL - https://quiltycreative.myshopify.com/admin

Password: GlassKey159!

7

@AnnKlos
Hii I have to Check your store you are Using a complete Banner image with a logo
you change your banner image in the Mobile view or upload logo image and banner image separately

8

I created the banner image with the logo and pictures. That’s where I want the logo and not in the header. Are you saying for mobile I need to do something different?