Solved

Hide Header Icons Homepage

martujv
Explorer
93 1 23

Hi!

 

I want to hide all the header icons (search, cart and menu) only on the homepage, but they should be visible on all other pages. Both on mobile and desktop.

 

My theme is Stiletto and my web is www.winnerofficial.com

 

I tried many codes and nothing works!

Accepted Solution (1)

PageFly-Amelia
Navigator
344 104 147

This is an accepted solution.

Hello @martujv 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Store -> Themes -> Edit Code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag </head>

{% if template == 'index' %}
  <style>
     .header__row-segment.right {
        display: none !important;
      }
 </style>
{% endif %}

 

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

View solution in original post

Replies 4 (4)

techlyser_web
Shopify Partner
1525 282 302

Hello @martujv 

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__icon-touch:last-child, ul.header__links-list.fs-navigation-base, a.header__icon-touch.header__icon-touch--search.no-transition, a.header__icon-touch.header__icon-touch--search.no-transition, .drawer-menu.visible .drawer-menu__panel, button.header__menu-icon.header__icon-touch.header__icon-menu {
  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.

Techlyser || 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
martujv
Explorer
93 1 23

The cart icon is still there, any solution?

techlyser_web
Shopify Partner
1525 282 302

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__row .header__row-segment.right {
        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.

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

PageFly-Amelia
Navigator
344 104 147

This is an accepted solution.

Hello @martujv 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Store -> Themes -> Edit Code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag </head>

{% if template == 'index' %}
  <style>
     .header__row-segment.right {
        display: none !important;
      }
 </style>
{% endif %}

 

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.