Hi everyone, I need to create drop-down menu for menu items in the main navigation bar. Ghost only offers one secondary nav, but I need to have a drop-down menu on the main nav also. WordPress has something like this Tutorial #11: Creating Sub Menu Items (Drop Down Menu Items) in WordPress , but Gho…

@True_Chan I understand being a beginner! I would suggest “learning by example”: Find a free theme that has the specific feature you want already built-in. Then look at the code to see how it was done. The Liebling theme might be a good starting point for studying drop-down menus, because it has 2…

Here’s one for ghost’s default Casper theme, along with a walkthrough on YouTube I found. [image] GitHub - themeix/ghost-dynamic-dropdown Contribute to themeix/ghost-dynamic-dropdown development by creating an account on GitHub. [Support Dropdown in Gh…

Anyone get that version above from akashmdiu to work on something other than Casper theme? I tried on Liebling but it didn’t work, menu tabs just comes up with [has_child] or [submenu] on frontend all on top level. It would be good to have this work as it allows for multiple tabs with submenus and …

@electricescape here is another method that might work for you… [image] Add Dropdowns to Main Menu Through the Site Admin (Copy & Paste into Site Header/Footer Injections) Themes To add dropdowns to your main menu through your site admin area. These instructions are just…

Unfortunately that code isn’t working in the Liebling theme. It just comes up with the full [has_child] or [subitem] written into the menu menu name, and no dropdown. I can’t switch back to Casper because that’s broken and doesn’t seem to want to download the latest working version.

Yes so I got Casper working, and the dropdown works. It just doesn’t work in any other theme other than Casper (I tried a few).

Do I just add the includes into the code injection header after I put the two files in the css and js directory??

@Killervette Can you please be more specific in your question? What are you trying to do, and what theme are you using? Also, have you tried the solution linked here below? [image] Hover-Down Submenus for Casper Here Themes OK @Joan I’ve got a new rendition of the scrip…

No worries, I have moved on and no longer need it. Thanks for the reply.

Hi! I’m stuck on this and would like to re-open this thread. The goal here is that I want to be able to use Ghost’s “EDITION” theme and set up the primary navigation bar to display elements from my secondary navigation bar. In other words, when a visitor interacts with the navigation bar, I want t…

Dropdown menu for main nav

Themes

Andy_DeRoin_They-The May 23, 2023, 4:41pm 12

Would love to know if anyone got this working with Liebling! Following the instructions from the link below produced the same results of [has child] in the main menu name and no dropdown.

Topic		Replies	Views
Add dropdown menu functionality Ideas	6	3795	March 11, 2025
Dawn theme drop down menu bar Using Ghost	1	800	September 25, 2022
Add Dropdowns to Main Menu Through the Site Admin (Copy & Paste into Site Header/Footer Injections) Themes	86	11692	March 26, 2025
Casper Theme \| Drop Down Menu Developer help	2	936	June 3, 2021
No dropdown menu option Themes	12	1552	October 6, 2022

Dropdown menu for main nav

Related topics