Woocommerce Responsive Menu on Product Pages

[Israel]

I'm having the exact same issue on a new site I'm building here: https://shop.therootcause.com.au

The responsive menu works fine on every page *except* the individual product pages, in which case the <button> elements disappear (so the hamburger menu item vanishes) and the dashicons next to menu items with submenus seem to disappear too.

I have got the latest versions of Genesis, WooCommerce, WordPress. I have installed Genesis Connect. The theme is a modified version of the Genesis Sample.

You can see the responsive menu working here:
https://shop.therootcause.com.au

And broken here:

The Lunchbox Effect Book – Pre Order

If anyone can suggest what's going on here, I'd be extremely grateful!

Thanks,
Israel.

[Anita]

I have split off your discussion into a separate discussion since it pertains to the responsive menu.

From what I see on that product page, the hamburger menu is in the "open" position. So is that the issue you are describing?

---

Love coffee, chocolate and my Bella!

[Israel]

Thanks Anita.

The exact problem is that on the Product page, the menu is expanded, but there is actually no hamburger button at all - even in the code - and the menu items with sub-links (eg Product Categories expands out to show Books and Courses) don't have the little down chevron icon showing either.

It's like for some reason the whole "responsive" menu feature disappears on the Product Pages only.

Any advice?

[Israel]

PS I've checked all the other standard WooCommerce pages - Cart, Checkout, etc - and they all have the hamburger button with the word "Menu" - and the responsive menu works as intended. It's just on the single product pages that things go weird.

[Anita]

Check your scripts. Something is blocking the script on the menu from opening. Check the content on that page.

---

Love coffee, chocolate and my Bella!

[Israel]

Thanks, but I wouldn't know where to start.

What Genesis script controls the placement of the responsive menu items?

[Anita]

No, check other scripts like in other plugins. You may need to do a plugin conflict check by disabling your plugins (except WooCommerce) to see why that's happening.

---

Love coffee, chocolate and my Bella!

[Israel]

Argh. Thankyou for that tip. I just figured it out.

The conflict is caused by the WooCommerce Stripe Gateway plugin - and a specific setting:

Go to this page:
WooCommerce -> Settings -> Payments -> Stripe -> [Manage]

Then the setting "Payment Request Buttons"... when that is ENABLED, it causes a conflict with the Responsive menu. When it is DISABLED, everything works just fine.

Hopefully this helps anyone else trying to solve this mysterious problem!

Thanks for your tips Anita 🙂

Israel.

[Anita]

@israelpsmith I am glad you found the plugin causing that issue and thank you for sharing it here!

---

Love coffee, chocolate and my Bella!

[Author]

Posts