[Resolved] Reposition drop down menu list

[Ian]

Hi, I’m working on a site behind a secure/staging area so I can’t share the url, however I’ve attached a screenshot of what I’m trying to accomplish.

I basically want to move the list that drops down on hover so it is more inline with the parent menu above it. At the moment is sorts of floats out there but does not look connected to the parent menu.

Pls see this screenshot, https://www.dropbox.com/s/h26ebqkg2z5ieur/reposition-drop-down-menu-list.png?dl=0

[Leo]

Hi there,

Give this CSS a shot:

@media (min-width: 769px) {
    .main-navigation ul ul {
        margin-top: -20px;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

If this doesn’t work then can we revisit the issue when we can look at it live?

[Ian]

Awesome! Thanks Leo.

[Leo]

No problem 🙂

[Author]

Posts