How can I hide the logo from the navigation bar on the home page only?

Store Design
,

Topic summary

A user wants to hide their store logo from the navigation bar/header on the homepage only, while keeping it visible on all other pages. They already have the logo displayed in the homepage’s image banner, making the header logo redundant.

Current Status:

  • The user has shared screenshots showing the current layout
  • Store URL and password have been sent privately to a helper (Dan-From-Ryviu)
  • A CSS solution is being prepared

Key Requirements:

  • Hide logo from header on homepage only (both desktop and mobile)
  • Keep logo visible in navigation on all other pages
  • Logo should remain in the homepage banner image

The discussion is ongoing, with Dan-From-Ryviu requesting to check the store details before providing the CSS code solution.

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

Hi,

I have the logo in the image banner for the homepage so I wanted to remove it from the navigation bar.

Screenshot 2024-12-11 at 9.00.49 AM.png
Screenshot 2024-12-11 at 9.00.49 AM.png766×1304 144 KB

Thank you,

Chichi0114

2

Hi @chichi0114

Do you want to modify it like this?

Kyle_liu_0-1733975086587.png
Kyle_liu_0-1733975086587.png445×836 228 KB

3

Hi @chichi0114

Could you share your store URL and password-protected of store?

4

Hi Kyle-liu,

Thank you so much for trying to help! For the home page on desktop & mobile, I want to hide the logo in the navigation menu/header. But, only the homepage. I need the logo to show in the navigation menu/header on the other pages.

The logo you hid is the one on the image banner not in the navigation menu/header.

Best,

Chichi0114

5

Hi Dan-From-Ryviu,

I sent you a DM, thank you!

Best,

Chichi0114

1 Like
6

Please add code I sent you and check.