Archived topic
Middle icon menu over the menu
6 replies · Started by META on September 30, 2017
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?
Hi there,
Can you link me to what you have so far?
http://wordpress-98152-298815.cloudwaysapps.com/accueil/
Sorry about that!
Try setting your navigation alignment to center.
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;
}I found the solution. I give the menu item a bigger width.
Glad you got it working! :)
