Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
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.
The cart icon is still there, any solution?
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.
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!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025