How To Remove Navigation Menu From Home Page - Dawn Theme

Store Design
,

Topic summary

A user wants to remove the navigation menu from their homepage only (keeping it on other pages) in Shopify’s Dawn theme.

Initial Solutions Provided:

  • Two support teams (GemPages and PageFly) offered CSS code snippets to hide the navigation menu specifically on the homepage
  • Both solutions use conditional logic ({% if template == 'index' %}) to target only the homepage
  • Code should be added to the theme.liquid file before the </head> or </body> tag

Follow-up Request:
The original poster clarified they also want to hide the logo and search icon (not just the navigation menu), leaving only the banner visible on the homepage.

Current Status:
The discussion remains open with the user awaiting a solution for removing additional header elements (logo and search icon). A later contributor shared a guide with ready-to-use code examples for Dawn 15.4.0 and Horizon 2.0.3 themes that may address the expanded requirements.

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

Hi,

Can anyone tell me how would I go about removing the navigation menu from my home page?

I do want to keep on all other pages. I am utilizing the Dawn Theme.

Example of what I’m trying to achieve (refer to navigation not displaying on homepage but on all other pages) - https://www.notjustalabel.com/

Many Thanks

2

Hello @Filicia ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1675751006263.png
GemPages_0-1675751006263.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before 

{% if template == 'index' %}

{% endif %}

Let us know how it works for you.

Best regards,
GemPages Support Team

3

Hi @Filicia

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1675755001963.png
PageFlyVictor_0-1675755001963.png400×225 38.4 KB

{% if template.name == "index" %} 

 {% style %}

 .header__inline-menu,

.header__icon--menu {

  display: none !important;

}

 {% endstyle %}

{% endif %}

Hope this answer helps.

Best regards,

Victor | PageFly

4

Hi there,

Thank you for the assistane, it looks good so far. I’d like the logo and search icon removed as well - is this possible? I just want the banner to show.

Filicia_0-1675850360404.png
Filicia_0-1675850360404.png1886×826 205 KB

Thanks

5

I have checked your page and maybe you changed your logo and search do you need to delete it again?

PageFlyVictor_0-1676027021214.png
PageFlyVictor_0-1676027021214.png1908×954 294 KB

6

Hi There,

Our website is not the screengrab you shared, that is the example I gave.

The screengrab i shared is what my website looks like when the first set of code is added. I’d like to remove the logo and search icon along with the navigation and not just the navigation.

Thanks

7

Hi @GemPages

Would you mind reviewing my latest messages?

Thank you

8

Hope this reply isn’t too late!

If you’re looking to hide the Shopify navigation bar on specific pages, check out this section of our guide: Hide the Navigation Bar Only On Specific Pages

If your store setup allows, we’ve also prepared two ready-to-use examples for quick reference or direct use:

Hope it helps! :blush: