Archived topic

Positioning primary and secondary navigation above one another

3 replies · Started by Michelle on September 11, 2017

Viewing posts 1–4 of 4

September 11, 2017 at 6:06 am #383166

Hey GP Team,

I need to position my primary and secondary navigation one on top of the other, both floated right of the logo (vertically aligned) in the same container.
I have set them to both float right, but there is a huge space between them.
How can I fix this?
http://divinehealth.michellec.co

September 11, 2017 at 1:03 pm #383430

Hi there,

Add this CSS:

@media (min-width: 769px) {
    .nav-float-right .site-logo {
        float: left;
    }
}

Then remove this CSS you added:

.nav-float-right .inside-header .main-navigation {
    margin-top: 75px;
}

September 15, 2017 at 3:32 pm #386225

Thank you Tom! You and your team are doing such a phenomenal job of providing first class support!!
I am very grateful for your help.

September 15, 2017 at 8:11 pm #386308

Glad I could help! :)

This archived topic is closed to new replies.

Start building better websites today.