Navigation float right stays above header

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.

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 🙂

You’re very welcome 🙂