How to remove navigation menu from homepage - Minimal Theme

Technical Q&A
1

Hi,

I am trying to remove the navigation bar from my homepage on my website. I am using the “Minimal” theme.

Any tips?

My website: psycoskateboards.com

2

Hi, @turtleshorts simply put this code at the end of theme.scss.liquid and it booms.

.site-nav {
display:none;
}
1 Like
3

Thanks for the reply.

It removed the navigation bar, but from every page. Do you know how to change it to only remove it from the homepage?

4

Hi, @turtleshorts .

Thanks for your message, I would be happy to help you out with this. Can I start by asking, why you want to remove your main menu from all your pages? Are you creating a one-product type store? I would love to hear more about your thoughts on this design idea! That said, no coding is needed to do this, simply head to Online store>Navigation and delete all your menu items and don’t forget to hit save.



I hope this helps you out, feel free to reach back out here if you have any additional questions!

5

Thanks for your reply Marty,

I am trying to make my homepage as simple as possible. With that said, I want the navigation bar removed only on the homepage. I still need a navigation bar on my shop page and others.

Is there a way I can make it not visible on the homepage without affecting others?

6

yes in theme.liquid search for

<nav class="site-nav" role="navigation">

put this code above

{% unless template == 'index' %}
7

I cant seem to find it in the theme.liquid but I did find “” in the header.liquid section.

I tried to paste the code above it and I got the error of “This file contains the following errors: Line 252 — Liquid syntax error: ‘schema’ tag must not be nested inside other tags”.

8

Hi, @turtleshorts .

My mistake! That may be something our themes team can help you out with. I would recommend reaching out to our live support team to look into this possibility in more detail. You will need to explain to the live advisor how making this change will benefit your business in a positive way moving forward for our themes team to consider customizations. However, if they approve these changes they should be able to take a closer look. You can do this by logging into your store through the help center, searching your question/issue, then selecting “continue” at the bottom of the page that displays the search results.

I hope this gets you on the right path to a solution, feel free to reach back out here with any questions!