How do I insert my LOGO between two pieces of menu?

Go to your style.css

and change the following code to :

.aligncenter {
display: block;
margin: 5px auto;
position: relative;
bottom: 110px;
}

Remove anything that’s not within <li> elements while inside of your <ul>, otherwise your code is not valid and will likely cause formatting errors.

I’d move the image just above your menu’s <ul>, and use this code;

#mainmenu-menu {
 margin-bottom: 300px;
 top: 100px;
}

img.wp-image-192 {
 position: absolute;
 left: 380px;
 /* Add some top: styles if you want */
}

Hello Andrew and thanks again for the help.

Should I add that in the Custom CSS Manager you gave me last night?

@neichan

I have no such thing in my CSS.

Yes, the Custom CSS section should hold all of your CSS modifications.

Added. But now the menu is gone. This is what the custom CSS looks like now:

#mainmenu-menu {
 margin-bottom: 300px;
 top: 100px;
}

img.wp-image-192 {
 position: absolute;
 left: 380px;
 /* Add some top: styles if you want */
}
ul#mainmenu-menu li.menu-item:nth-child(2),
ul#mainmenu-menu li.menu-item:nth-child(3) {
 display: block;
}

ul#mainmenu-menu li.menu-item:nth-child(2) {
 margin-right: 125px;
}

ul#mainmenu-menu li.menu-item:nth-child(3) {
 margin-left: 125px;
}

#mainmenu {
 margin: 0;
}

#mainmenu.scaled ul#mainmenu-menu {
 display: table;
}

#mainmenu.scaled li.menu-item {
 display: inherit;
 float: left;

 background: rgb(247,247,247);
 background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(244,244,244,1) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(244,244,244,1)));
 background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
 background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
 background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
 background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f4f4f4',GradientType=0 );
}
#mainmenu.scaled ul#mainmenu-menu {
 margin: 0 auto;
 border: 0;
 background: none;
}

I’m sorry, feel free to remove that code I suggested.

Is it better to add a code in the CSS file or should I add it in a php file?