To add dropdowns to your main menu through your site admin area. These instructions are just a simplification of the @themeix drop down mentioned here , but for more noobish front-enders (as this is without modifying templates or other theme files)… Paste the following CSS in your Site Header Injec…

If you need just a very basic drop down that works in Casper there’s also this one… [image] Hover-Down Submenus for Casper Here Themes This is the most rudimentary of drop downs, just copy-and-paste code into your Site’s Header and Footer Code Injections in the Admin area…

I can’t get it to work with Casper theme, could you help me? I added all on Site footer of Ghost: <script src='https://xxxxxxxx.com/assets/css/ghost-dropdwon.css'></script> <script src='https://xxxxxxxx.com/assets/js/ghost-dropdown.js'></script> $(document).ready(function () { ghost…

@Joan you have an error in your CSS include: [Screenshot 2022-11-09 124440] That one needs style tags… <style> ..etc... </style>

The same @denvergeeks … Seems Ghost not detect the .JS script or it’s wrong, beacuse the menu shows the elements with [has_child] and [subitem]. The instructions of @themeix is wrong too i think… [imagen]

Any idea on how to make this work with Headline? Dropdown primary nav menu in Headline

[image] Dropdown primary nav menu in Headline Themes @OpsAdmin … The version linked below works in Headline … https://forum.ghost.org/t/hover-down-submenus-for-casper-here/34010/22

Great, but it didn’t work on my phone! but it worked perfectly on desktop!

@saiunes What did not work? Also, did you try this one… [image] Hover-Down Submenus for Casper Here Themes This is the most rudimentary of drop downs, just copy-and-paste code into your Site’s Header and Footer Code Injections in the Admin area of your Ghost site, and ad…

Hi, I am trying to use the script in an Edition theme but the image looks like below. Which part of the javascript takes out the [has_child] and [subitem] bits out of the menu items? [image]

is jQuery getting loaded, @Tada_Hozumi ? What shows up in the console logs? (F12 to open developer tools, then click the ‘console’ tab.)

Add Dropdowns to Main Menu Through the Site Admin (Copy & Paste into Site Header/Footer Injections)

Themes

denvergeeks December 16, 2022, 2:35pm 54

Topic		Replies	Views
Hover-Down Submenus for Casper Here Themes	82	5315	April 24, 2024
Adding a Dropdown Menu in the Solo Theme Using Ghost	35	2886	June 16, 2023
No dropdown menu option Themes	12	1614	October 6, 2022
Add dropdown menu functionality Ideas	6	3853	March 11, 2025
Dropdown menu that works for all official free Ghost themes Themes	16	1061	April 30, 2026

Add Dropdowns to Main Menu Through the Site Admin (Copy & Paste into Site Header/Footer Injections)

Related topics