Archived topic

Float Right Menu won't Float Right

5 replies · Started by Scott on December 18, 2017

Viewing posts 1–6 of 6

December 18, 2017 at 6:14 pm #452543

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?

December 18, 2017 at 7:31 pm #452564

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?

December 18, 2017 at 7:37 pm #452568

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

December 18, 2017 at 7:48 pm #452574

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

December 19, 2017 at 5:08 am #452797

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.

December 19, 2017 at 5:45 am #452828

No problem!

This archived topic is closed to new replies.

Start building better websites today.