Navigation float right stays above header

  • Resolved wpu9000

    (@wpu9000)


    10 years, 2 months ago

    I have the navigation menu set to ‘float right’ but as the screen size reduces the header drops below the menu.

    Is it possible to have the menu floated right but drop below the header instead?

    This is quite important and I just cannot see how to do it.

    thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    Let me look into this to see if it’s possible.

    Typically, it’s important for the item that’s floating right to be above of the other content in the container – but I’ll play around with it and will let you know.

    Thread Starter wpu9000

    (@wpu9000)

    Thanks, very much appreciated.

    Theme Author Tom

    (@edge22)

    Ok, here’s what I’ve come up with.

    First, you’ll need to add this in your functions.php:

    https://gist.github.com/generatepress/40edc2e0b2b588229856

    Then, you’ll need this CSS:

    .site-branding {
      float: left;
      clear:none;
}

.main-navigation {
      clear: none;
}

@media screen and (max-width: 767px) {
      .site-branding {
            float: none;
            clear: both;
      }
}

    Adding the above should achieve what you’re looking for ??

    Thread Starter wpu9000

    (@wpu9000)

    Brilliant! It works, thanks so much for helping me with that.

    Theme Author Tom

    (@edge22)

    You’re very welcome ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Navigation float right stays above header’ is closed to new replies.