Want to create a laser-focused product experience for your Shopify customers? One strategic way to achieve this is by hiding the header menu on your product pages. This eliminates distractions and keeps your visitors’ attention glued to the star of the show – your fantastic product!
By removing the navigation options, you prevent customers from wandering away to other pages before making a purchase. This increased focus can lead to higher conversion rates.
Add This Code To index.liquid file within <head> </head>
Perfect place is paste under this line of code: {{ ‘base.css’ | asset_url | stylesheet_tag }}
So search this line of code in index.liquid file and paste the below code.
{% if template == 'product' %}
{% style %}
#shopify-section-header,#shopify-section-footer {
display:none;
}
{% endstyle %}
{% endif %}