How can I hide search and cart icons on Dawn homepage?

Store Design
, , ,

Topic summary

A Dawn theme user seeks to hide search and cart icons specifically on their homepage for both mobile and desktop views.

Solution Provided:

  • Access theme code editor via Online Store > Theme > Edit code
  • Open the theme.liquid file
  • Insert custom CSS code before the </head> tag
  • The code uses conditional logic: {% if template == 'index' %} to target only the homepage

Outcome:
The solution was successfully implemented and resolved the issue. The approach uses Liquid templating to conditionally apply CSS that hides the icons exclusively on the index/homepage template while keeping them visible on other pages.

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

Hi all!

Would anyone be able to assist me in hiding the search and shopping cart icons on the homepage for both mobile and desktop?

I am using Dawn and my URL is www.day204clothing.com

Below are pictures. Let me know if you have any questions!

IMG_5861.jpeg
IMG_5861.jpeg1290×2796 86.4 KB

Screenshot 2023-01-26 at 10.04.55 PM.png
Screenshot 2023-01-26 at 10.04.55 PM.png3840×1168 108 KB

2

Hello @Day204 ,

It’s GemPages support team and glad to support you today.

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

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

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

  1. Open your theme.liquid theme file

  2. Paste the below code before 

{% if template == 'index' %}

{% endif %}

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

1 Like
3

@GemPages Thank you for your help!

1 Like
4

I am so glad that my solution can help.

Best regards,
GemPages Support Team