Topic summary
A user wants to hide the header/menu on their landing page while keeping it visible on product pages.
Proposed Solutions:
-
Custom Code Approach: PageFly-Victor suggests adding Liquid code to the theme.liquid file that conditionally hides the header when the template equals “index”. The code snippet wraps the header section in an if statement checking the template type.
-
Professional Help Alternative: Dirk recommends hiring a Shopify expert if a coding solution proves difficult to implement independently.
Key Technical Details:
- Requires editing theme.liquid in the theme code editor
- Uses Liquid templating logic to detect the landing page
- Code should be placed before the closing
</body>tag
The discussion remains open with no confirmation whether the suggested solution resolved the issue.
I don’t want my header to appear on the landing page, only on product pages
Hey, @feuerlein
I’m not formally trained in code to provide you with an exact solution to remove/hide the menu on your landing page only. However, I’m confident one of our Shopify experts would be able to accomplish this at a reasonable price.
Just wanted to share this as an option in case you are unable to find a coding solution in your thread.
Hi @feuerlein ,
This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :
{% if template == "index" %}
{% endif %}
Hope my answer will help you.
Best regards,
Victor | PageFly
1 Like