How to hide Main Menus in header section only for home page in debut theme

Solved
Highlighted
Excursionist
29 0 1

I want to remove or hide all the menu options in the header section only on home page for debut theme. Please help

0 Likes
Highlighted

This is an accepted solution.

Hi @sel9,

 

You can try this code:

{% if template == 'index' %}
<style>
#AccessibleNav { display: none; }
</style>
{% endif %}

You add the code to the theme.liquid file. From Shopify Admin > Online Store > Themes > Actions > Edit Code.

Then add the code before the </head> tag.06:03.png

 

However, navigation is an important part of the homepage that can affect your homepage UX. You should consider carefully when deciding to hide it. I'll recommend this some articles about navigation and homepage that you should take a look:

 

- Tips to optimize website loadspeed: academy.pagefly.io/how-to-speed-up-website

- Do you need to customize your landing page, product page, blog, coming soon, FAQ, about us pages? Check out PageFly - Advanced Shopify Page Builder.
1 Like
Highlighted
Excursionist
29 0 1

Hello Victorbui,

 

That has worked for me, but i would like to move the following menus to the position in the image. Please can you help with that ??

InkedScreenshot_2020-06-03 CNTRL _LI.jpg

 

Thanks

0 Likes