Dropdown menu that works for all official free Ghost themes

Themes
1

Just copy and paste the code below, you can have a dropdown menu!
dropdown-menu

I have tested this method with all official free Ghost themes, it works on desktop and phone screens :yum: :yum: :yum:

:point_right: For timely updates and more customized solutions, feel free to check out my article.

  1. Add Code to ‘Site header’
    (Settings–>Advanced–>Code injection)
<!-- Dropdown Menu -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/rakihub/ghost-code-injection@main/nested-menu/built/nested-menu.min.css">
  1. Add Code to ‘Site footer’
    (Settings–>Advanced–>Code injection)
<!-- Dropdown Menu -->
<script src="https://cdn.jsdelivr.net/gh/rakihub/ghost-code-injection@main/nested-menu/built/nested-menu.min.js"></script>
  1. Add A Dropdown Menu in ‘Navigation’
    dropdown-menu-1
    dropdown-menu-11896×466 59.2 KB
2

I’ve emailed you directly, but just in case anyone else has same problem, when I click a nav link or refresh page, the [has-child] & [child] page code show briefly before the site resorts to showing the dropdown menu. Why would this be? Thanks.

3

Thank you for your feedback. I have fixed it and put the new version in my blog :point_down:, please remove the previously copied code(include code in “site header” and “site footer”) and follow the new instructions.

4

Brilliant. Thank you for the prompt fix. That’s much better. Appreciate your help. :sunglasses:

5

Oh no it just wiped out my secondary footer in it’s entirety.

Please look at.

Thanks again.

6

Have updated the above blog again, please remove the previously copied code and use the new one.

7

That’s better. Thank you so much. Looks great. Second nav intact again. :+1:

8

@Raki, can I change the font and background color with your upgrade? The demo is black and white respectively. Also, spacing?

9

Yeah, I can customize this for you.

10

Thanks @Raki. How does that work? I pay for the $10 upgrade, then you send me the custom code or do I get access to pre-configured codes, that meet my specifications, once I pay?

11

Please check check your DM.

12

Helo @Raki , i just followed your code, i am using tripoli theme but it is glitching , like its far down

Screenshot 2025-04-03 at 15.14.23
Screenshot 2025-04-03 at 15.14.231206×116 4.47 KB

see picture attached.

and also when i click it the submenus show for a second then disappear
Please support

13

The Dropdown Menu is designed to work with official free Ghost themes. If you need support for third-party themes, please purchase the Dropdown Menu Pro and contact me using the email address you used for the purchase. I will handle the customization for you.

14

Hello Ravi, thanks for feedback,
the dropdown menu pro is the one for 9.99?
I sent you an email

15

Main menu Dropdowns are not that difficult to implement using the special chars trick in the Navigation section in admin and bit of clever handlebaring :slight_smile:

Check out for more info:

16

interesting new take, i like the sub-sub menu. however the mobile view only shows the top level menu and does not show any sub menus at all.

17

Yes, we didn’t bother with mobile view, I think people just scroll through on mobiles.

But it should be easy do to, its all done with CSS no need to modify anything in the navigation.hbs.