How can I hide the logo on my homepage only?

[IraKarpova]

Hi,
On my website https://www.karpovastudio.com/, I would like the logo to be hidden on the home page only. Is there some CSS we can change or add for this to happen?
My theme is Dawn

Thank you!!

[Hardik2903 · Accepted solution]

@IraKarpova 

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

{% if template.name == 'index' %}
  <style>
    header .header__heading {
      display: none;
    }
  </style>
{% endif %}

if my solution works, then please like and accept it as a solution.

[Hardik2903 · Accepted solution]

@IraKarpova 

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

{% if template.name == 'index' %}
  <style>
    header .header__heading {
      display: none;
    }
  </style>
{% endif %}

if my solution works, then please like and accept it as a solution.

[IraKarpova]

Thank you SM!!

You helped me a lot

[niraj_patel · Accepted solution]

Hello @IraKarpova 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

{% if template == 'index' %}
<style>
  .header h1.header__heading {
      display: none !important;
  }
</style>
{% endif %}
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[IraKarpova]

Thank you!!

You helped me alot!