Help Needed: Removing Top Menu on One Page in Divide Theme.

Help Needed: Removing Top Menu on One Page in Divide Theme.

YoshiNYC
Tourist
4 0 1

I would like to remove the top menu on one specific page of the Divide theme website

I googled and found several posts explaining how to do it; however, none of them worked, as I could not find the same .liquid or .CSS files in the Divide theme.

Could someone help me?

 

For example, these are the threads I found. 

 

https://community.shopify.com/c/technical-q-a/how-to-hide-navigation-menu-on-one-specific-page-debut...

 

https://community.shopify.com/c/shopify-design/how-to-hide-main-nav-menu-on-just-one-of-my-collectio...

 

 

 

 

Replies 2 (2)

PageFly-Theodor
Shopify Partner
691 86 105

Hi @YoshiNYC ,
This is Theodore from PageFly - Shopify Page Builder App.

Removing the top menu on a specific page in your Divide theme requires different approaches than the ones you found. Here's how you can tackle it:

 

  • Go to Shopify admin > Online Store > Themes > Edit Code.
  • Find the template file for the target page (e.g., page.liquid).
  • Locate the menu code section (e.g., header.liquid, navigation.liquid).
  • Wrap the menu code with a conditional statement to hide it only on that specific page ID.

 


Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

YoshiNYC
Tourist
4 0 1

Hi @PageFly-Theodor 

 

Thank you so much for the reply! 

Could you explain what this means? 

  • Wrap the menu code with a conditional statement to hide it only on that specific page ID.