Menu next to logo

Hi there,

Give this CSS a try:

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

Let me know :)

That works perfect ! Thank you !!! :)
I just have one little question,
When we open our site on the ipad, it shows a mobile menu when the screen is lying verticaly (? If you understand this :) ) which is perfect,
but when you view the website when the ipad is lying horizontal, it shows the normal menu.
However, the menu is placed under the logo, because it doens't fit the screen.
Is there a way to change the padding between the menu items, resize the logo or to show the sticky menu instead on horizontal mobile view ?

... menu looks just fine for me on landscape view on ipad. ??

Landscape on tablets use the desktop breakpoint, so what you could do is add a media query to reduce the font size of your menu items at your needed breakpoint.

For example:

@media (max-width: 1000px) {
    .main-navigation .main-nav li a {
        font-size: 14px;
    }
}

Thank you so much !

You're welcome :)

I use both main and secondary menu under the logo and the secondary menu is the one I have left alligned. How do I refer to the secondary menu in the code?

Any chance you can start a new topic with what you're wanting to do?

Thanks! :)

Already did - sorry ;)

Hello,
I also wanted the Logo left and Navigation right.

But your code from top of this topic doesn't work for me (it stays above the navigation).
Actually "nav" is outside of "header" where logo is?!:

<header>

Hi there,

Any chance you can open a new topic and link us to the page in question?

Thanks!