I found this post providing code to add, but it doesn’t work for the Headline theme. I’m a bit of a noob. Anyone have suggested changes to make for this specific theme to make it work?

@journaluser here is the code that works for the Headline theme: Header Code Injection… <style> li[class*="nav-"][class*="--hasDropDown"] { position: relative; } li[class*="nav-"][class*="--hasDropDown"] a:after { content: "▼"; padding-left: 5px; font-size: 12px; color: inherit; } li[class*="…

Thank you so much! That mostly did the trick. Works great on desktop. But on mobile, there’s no dropdown. It shows the list of menu items, with hyphens. Any ideas on how to make this work on mobile?

I have the same issue. Wondering if you’ve figured this out?

Unfortunately not yet. Hoping someone in this forum can help.

I used the code. Thank you for that! I was able to make some of the adaptations that I want, but I can’t figure out why some of my menu items are pushed to a “…” section at the end of my menu. I think I need to expand the number of items allowed in the menu, but have not figured out how to code that…

[image] Erika: why some of my menu items are pushed to a “…” section at the end of my menu That’s hard-coded into headline theme (I forked because of that). You can try a different approach to organize your menu trying to keep it at minimal and that will keep you away from those unusual dots…

Whenever I add this code into the Header and Footer in my Headline theme, it only displays the first submenu item, and the rest it displays as part of regular menu with hyphens… any suggestions

[image] denvergeeks: For any others reading this, to create the links in the dropdown - you simply add a hyphen (-) and then a space before the Navigation label… like so… Can somebody tell me how to add this to the liebling theme? I’d love for this to work for that awesome theme. I have playe…

@AnnaMariaEriksson have you tried the other one? I just posted a working version of that one for Liebling Theme… [image] Add Dropdowns to Main Menu Through the Site Admin (Copy & Paste into Site Header/Footer Injections) Themes OK I’ve got a working version now for the L…

[image] denvergeeks: I just posted a working version of that one for Liebling Theme… Yes, just tried. Works great. Thanks!

How to add dropdown menu in Headline theme?

Themes

denvergeeks June 11, 2023, 12:11pm 13

Please continue to post about Liebling Theme Dropdown, over on that Topic →

Topic		Replies	Views
Add Dropdowns to Main Menu Through the Site Admin (Copy & Paste into Site Header/Footer Injections) Themes	86	12573	March 26, 2025
Adding a Dropdown Menu in the Solo Theme Using Ghost	35	2981	June 16, 2023
No dropdown menu option Themes	12	1682	October 6, 2022
How to create Dropdown Menu in the headline Theme Themes	0	419	September 28, 2023
Dropdown menu that works for all official free Ghost themes Themes	16	1215	April 30, 2026

How to add dropdown menu in Headline theme?

Related topics