[Resolved] Middle icon menu over the menu

[META]

Hi! I want the icon of the menu to be over the menu not inside the menu.
I want the menu div to be where the red line is in the picture. I try to play with the width, but I think is not the right way to do it. I try the z-index and position: relative but it doesn’t work. Can you please provide me the right CSS for this kind of design?
https://imgur.com/a/i6n3Z

Can you please help me to figure out how to do this?

[Leo]

Hi there,

Can you link me to what you have so far?

[META]

http://wordpress-98152-298815.cloudwaysapps.com/accueil/
Sorry about that!

[Tom]

Try setting your navigation alignment to center.

[META]

I figure out some css that is closed to what I need. But the logo is overlapping a menu item ???
Can you help me figure out what I am missing ?
http://wordpress-98152-298815.cloudwaysapps.com/accueil/
I apply the zindex class to the picture (logo)

.zindex {
    height: 200px;
    width: 250px;
    z-index: 1;
    position: absolute;
    overflow: hidden;
    top: -32px;
    left: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

[META]

I found the solution. I give the menu item a bigger width.

[Tom]

Glad you got it working! 🙂

[Author]

Posts