How to Change Dropdown Menu to On-Click Accordion Style (No Popup)

Hello!!
I’m using the Pro theme with Cornerstone , and I’m looking to adjust how the dropdown menu behaves.

Currently, the submenu items appear in a popup-style dropdown when you hover over the parent menu item. I’d like to change this so that:

  • The submenu only appears on click (not hover),
  • The submenu drops down inline beneath the parent item (more like an accordion ) rather than appearing as a floating popup.

Is there a built-in way to achieve this in Pro, or would this require custom code or settings in the header builder?

Thanks in advance!

Screenshot 2025-06-06 at 3.44.27 PM|336x333

Hello @ahfweb,

Thanks for writing in! The Dropdown Menu or Dropdown element can be triggered with the hover or click. Kindly check out this screenshot below:

I would highly recommend that you insert a Dropdown element and a Navigation Collapsed element so that you can have an accordion style sub menus which displays when clicked.

Best Regards.