[Support request] Menu logo

[Luis Antonio]

How to place the logo on the menu ? Thanks

[Roberto Enrique]

You can try playing around with menu aligned to the left and main navigation “Float right”

Then use the Sticky menu if you like.

I’ve done something like that on this website:

http://www.loscirocco.it

[Tom]

There’s the Navigation Logo option as well in “Customize > Layout > Primary Navigation”.

Currently, sticky navigation must be enabled to use it, but this is changing in the next version.

[Luis Antonio]

But I need that it is something as this example that the logo goes out of the menu

Thanks

[Tom]

I’m not too sure what you mean? Having a tough time seeing what’s happening in that example.

[Luis Antonio]

Link

[Tom]

You might be able to do something like this:

@media (min-width: 769px) {
    .main-navigation .sticky-logo {
        position: absolute;
        top: -20px;
        left: 0;
        z-index: 500;
    }
    .main-navigation .sticky-logo, 
    .main-navigation .sticky-logo img {
        height: 200px;
    }
}

You’ll have to adjust the numbers, but that should get you close 🙂

[Luis Antonio]

link

[Tom]

Not sure what I’m looking at? What are you wanting it to look like?

[Author]

Posts