Archived topic

Dropdown / Submenu not below the button

5 replies · Started by Dan on February 4, 2018

Viewing posts 1–6 of 6

February 4, 2018 at 3:42 pm #488030

Hey there.

First time using GeneratePress (as well as Elementor), and so far I think their both great, however I ran into a bit of an issue with the submenu dropdown. It's likely from settings I've tweaked to align things with the top sections, but basically, when you hover over a menu item, the "dropdown" shows up ontop of the button instead of below.

Any advice would be greatly appreciated, thanks.

February 4, 2018 at 10:53 pm #488142

Hi Dan,

You have this CSS added:

.main-navigation ul {
    margin-top: -70px;
}

If you want to target the main navigation, just use .main-navigation.

Let me know if you need more info :)

February 5, 2018 at 6:30 am #488310

Hey, thanks for the quick reply. I tried adding the code but nothing seemed to change.

February 5, 2018 at 8:38 am #488516

Hi there,

You need to remove this code you've added:

.main-navigation ul {
    margin-top: -70px;
}

February 5, 2018 at 9:07 am #488563

Oh I see, sorry about that, and thanks, it's working!

February 5, 2018 at 10:52 am #488650

Glad we could help :)

This archived topic is closed to new replies.

Start building better websites today.