Drop down menu not working on custom product template pages

Store Design

Topic summary

Main issue: After implementing a custom product template to hide the price on select products, site navigation and header styling break on the affected product pages.

Observed effects:

  • Main menu drop-downs do not open when viewing a product that uses the custom template.
  • The header logo background appears opaque instead of transparent on those pages.
  • Other pages are not mentioned as affected.

Context:

  • Store: amanafurniture.com (site not live yet).
  • The problem is tied specifically to the custom product template applied to certain products.

Evidence:

  • A screenshot is attached showing the header/menu behavior on an affected page.

Status:

  • The author is seeking help; no diagnostics, causes, or fixes have been provided yet.
  • The discussion is open and unresolved.
Summarized with AI on January 2. AI used: gpt-5.
1

Store: amanafurniture.com (not live yet)

I created a custom product template so that I could remove the visible price on certain products. However, now when I’m on one of those product pages the drop downs in the main menu don’t work. Also, the logo background in the header no longer looks transparent on these product pages.

Screenshot 2024-03-19 at 1.37.01 PM.png
Screenshot 2024-03-19 at 1.37.01 PM.png2272×1104 180 KB

Can anyone help me?