[Resolved] Float Right Menu won't Float Right

[Scott]

I have set my primary and secondary menus to float right and it works for them secondary (top 2-item menu) however, the bottom primary menu still runs left under the logo and doesn’t float at all.

Any suggestions?

[Leo]

Hi there,

Looks like you have this CSS added:

.nav-float-right .inside-header .main-navigation {
    float: right;
    display: inline-block;
    vertical-align: middle;
}

Can you try removing it?

[Scott]

Thanks, Leo. I removed that and it went to the left, but it still doesn’t float past the logo.

[Leo]

Can you try Tom’s CSS here: https://generatepress.com/forums/topic/positioning-primary-and-secondary-navigation-above-one-another/#post-383430

[Scott]

That worked… thanks. I did have to add

.secondary-navigation {
    margin-bottom: 50px;
}

to get it down to the top of the next section, but all is good.

[Leo]

No problem!

[Author]

Posts