how to remove contents on header without affecting other pages

[undercoverfresh]

i'm looking to remove the contents also the 3 lines on the left side that i have hidden on the header home page without affecting the rest of the pages for mobile and desktop (please keep logo)

[B2Bridge · Accepted solution]

Hi @undercoverfresh, you can follow these steps:

Step 1: Open Online Store -> Themes -> Edit code

Step 2: Find theme.liquid file

Step 3: Paste this code before close </head> tag:

{% if request.path == "/" %}
      <style>
        .header__search,
        .header__icons {
         display: none !important;
        }
      </style>
{% endif %}

If this helpful, please let us know by giving us a like and marking it as a solution. Thanks 

[theycallmemakka]

Hi @undercoverfresh ,

I have written custom code for this solution. Please follow below steps and let me know your feedback.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code just above tag </head>

---

 {% if request.page_type == "index" %}
      <style>
        .header__icons,
.header>.header__search  {
            display: none!important;
        }
      </style>
    {% endif %}

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[Exceptiona_Tec1]

It very simple