We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How to "turn off" wide menu promotions

How to "turn off" wide menu promotions

SportsPlus
Tourist
5 0 1

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

Replies 4 (4)

Moeed
Shopify Partner
7764 2081 2567

Hey @SportsPlus 

 

Share your Store URL and Password if enabled.

 

Best,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


SportsPlus
Tourist
5 0 1

DaisyVo
Shopify Partner
4469 501 598

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 

DaisyVo_0-1750501905190.png

 

Best,

DaisyVo

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
SportsPlus
Tourist
5 0 1

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!