Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
My website is cupcosmos.com I created a second page called Shirt Cosmo and would like to know how to make my second menu stick to it. My second menu is called Shirt Collection? I'm not tech savvy with code so if someone could write it and let me know where to put it that would be great.
Thanks in advance
To make your "Shirt Collection" menu stick to your "Shirt Cosmo" page on your Shopify site, you'll need to edit the Liquid template for that specific page in your theme's code. This typically involves accessing the Shopify admin, going to Online Store > Themes > Actions > Edit code, and then modifying the Liquid file for your "Shirt Cosmo" page. If you're not comfortable with coding, it's advisable to consult with a Shopify expert or use a Shopify app designed for custom menu creation, which can provide a user-friendly interface for this task.
Hi@cupcosmos Implementation , or even workarounds, varies wildly among themes.
If you want a literal second menu system with settins, etc and you need this customization then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
The crudest way if you know how and know CSS for single item navigation rows is to just add the "second" menu as a links/submenu of the main navigation, then hide all the nav elements except the "second" menus links on the page through CSS and liquid.
Roughly, untested:
{% if page.handle == "shirts" %}
<style>
header nav.header__inline-menu .list-menu li:nth-child(1)
,header nav.header__inline-menu .list-menu li:nth-child(2)
,header nav.header__inline-menu .list-menu li:nth-child(3)
,header nav.header__inline-menu .list-menu li:nth-child(4)
,header nav.header__inline-menu .list-menu li:nth-child(5)
,header nav.header__inline-menu .list-menu li:nth-child(6) {
display:none;
}
</style>
{% endif %}
Though this means on every page NOT that page you need to hide these extra links with corresponding CSS.
Contact paull.newton+shopifyforum@gmail.com for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
Hi @cupcosmos ,
Please refer to the below video to implement different menu collection wise.
Don't forget to like and mark as solution if it helps...
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025