Re: Hide logo on Header ONLY on Home page

Solved

How can I hide the logo on my homepage only?

IraKarpova
Excursionist
21 0 2

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!!

Accepted Solutions (2)

Hardik2903
Pathfinder
95 8 12

This is an 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.

 

 

View solution in original post

niraj_patel
Shopify Partner
2378 514 505

This is an 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.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 4 (4)

Hardik2903
Pathfinder
95 8 12

This is an 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
Excursionist
21 0 2

Thank you SM!!

You helped me a lot

niraj_patel
Shopify Partner
2378 514 505

This is an 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.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
IraKarpova
Excursionist
21 0 2

Thank you!!

You helped me alot!