A Shopify store owner wants to selectively disable “wide menu promotions” dropdown menus on their site. They like the feature on the homepage but find it distracting on product and other pages.
Current situation:
Proposed solution:
A community member (DaisyVo) provided Liquid code to add to the main.css file:
{% if template !== 'index' %}
.navigation__wide-promotion.navigation__wide-promotion--with-fade {
display: none !important;
}
{% endif %}
Issue with solution:
The code successfully hides wide menu promotions on all non-homepage pages, but the original poster clarified they want it visible only on the homepage and hidden everywhere else—which appears to be what the code does. The discussion remains open as the poster may be seeking confirmation or has a misunderstanding about the solution’s functionality.
Hello,
I am having trouble with the “wide menu promotions” dropdown menus. I love the look on our main home page, but it can be distracting and get in the way on our item pages and on our various other pages. I wonder if it is possible to have that function only work on our main home page? I’ve tried a few plug-and-play code snippets from google and from the shopify help bot, but haven’t found success.
Thank you
Hi @SportsPlus
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file main.css and add this code at the end of the file
{% if template !== 'index' %}
.navigation__wide-promotion.navigation__wide-promotion--with-fade {
display: none !important;
}
{% endif %}
Result
Best,
DaisyVo
Hey DaisyVo,
Thanks so much for the response! So this disables the wide menu promotion on all pages, but I was hoping to keep this feature on my main home page. Do you know if it’s possible to keep it on the main page, but have it disabled on the other pages?
Thank you again!
