My menu items are overlap the logo image. Why this is happening? thanks

It is probably because you have not set the right margins for menu items.

If you are using the first version of the header (the logo centered) you need to set the margins for each page included in the menu.

You can do this in page options.

There are two values : one for normal/desktop views and the second for responsive (width less than 1024 pixels)