[Resolved] Vertical Menu / Submenu

[Kathy]

Hello –
I need help with my vertical submenu. It is not expanding. I want the submenu to expand without blocking the next link under. Click on the first link in the menu and you will see what I am talking about.

I don’t know what to do to make this happen. Can you please help me?

Thank you!

[David]

Hi there,

did you find a solution? I am not seeing the issue – let me know.

[Kathy]

No. I tried a plugin that didn’t work out. Can you please take another look? I have the original menu up. Thanks!

[David]

Try adding this to your CSS:

.main-navigation ul ul {
    position: relative;
}

[Kathy]

That worked! Thank you. I also found the settings for Generate Press but I can’t find where the logo goes at the top of page instead of bottom like you see. Where would I find that setting?

[David]

Its position has been changed with this CSS in Customizer > Additional CSS:

.site-branding,
.site-logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

Just delete that block of code.

If you want to give the logo and menu some breathing room add this CSS to push the menu down:

@media(min-width: 769px) {
    .site-logo {
        margin-bottom: 40px;
    }
}

[Kathy]

Thank you!

[David]

You’re welcome

[Author]

Posts