# How to add dropdown menu in Headline theme?

**URL:** <https://forum.ghost.org/t/how-to-add-dropdown-menu-in-headline-theme/37006>\
**Category:** Themes\
**Created:** [March 11, 2023, 11:07pm UTC](https://forum.ghost.org/t/how-to-add-dropdown-menu-in-headline-theme/37006 "2023-03-11T23:07:34Z")\
**Posts on this page:** 1\
**Showing post:** 13

<div class="post-metadata">

**Author:** ![denvergeeks](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/denvergeeks/32/7401_2.png) [@denvergeeks](https://forum.ghost.org/u/denvergeeks)\
**Post date:** [June 11, 2023, 12:11pm UTC](https://forum.ghost.org/t/how-to-add-dropdown-menu-in-headline-theme/37006/13 "2023-06-11T12:11:35Z")

</div>

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

> [@Add Dropdowns to Main Menu Through the Site Admin (Copy & Paste into Site Header/Footer Injections)](https://forum.ghost.org/t/add-dropdowns-to-main-menu-through-the-site-admin-copy-paste-into-site-header-footer-injections/30551/73):
>
> OK I’ve got a working version now for the Liebling Theme… (You can put as many of these dropdowns as you want in your site menu.) Site Header Injection: \<style\> /\* START - For Dropdown Menus in Liebling \*/ li.menu-item-has-children { position: relative; padding-right: 20px !important; align-items: center; display: inline-flex; } li.menu-item-has-children:hover ul.ghost-submenu { visibility: visible !important; opacity: 1 !important; display: flex !important; …

---

_[View the full topic](https://forum.ghost.org/t/how-to-add-dropdown-menu-in-headline-theme/37006)._