How can I place my logo on top of the menu bar?

You can try adding this or other CSS modifications to your style.css file

#logoname {
/*float: left;*/
width: 240px;
margin-left: auto;
margin-right: auto;
clear: both;
margin-bottom: 50px;
}

hiarlen…thank you so much for your suggestion. The logo was able to get moved upward. But the width has not changed in size. I changed the width within your code from 240 to 740 too and yet still did not alter the width. Do you have any other suggestions by chance?

That image size is 226px × 125px — which cannot be made bigger by using CSS without degrading the image quality a lot. The better way to go is to upload an image of the size you want, and change the CSS accordingly. Where did you get the logo? Do you have a bigger version? You need to do the resizing with an image program (i.e. photoshop, iphoto, preview, many other free options).

It also looks like you need to change the width in your CSS using the selector:

#logoname img {
...
}

rather than just #logoname

WPyogi…thanks so much for your feedback. I unfortunately purchased the logo from Vistaprint. I feel that I got jipped once I realized that I could not resize the image and it has a VERY low res. Oh well, I am learning as I go. Thanks again for the info and your direction!