I know there must be a simple way of doing this; can anyone help me?

Thanks in advance.

I'm trying to get the nav bar in the twenty twelve theme aligned center. I am using a child theme, but so far it's not working. Could someone give me any ideas on how to do this? Already tried several methods that are displayed on this forum.

link: http://www.joy-visagie.nl

Fingers crossed a solution is discovered x

Thanks so much for your suggestion. I added it to my #Menu rule, which looked like the following:

#menu {
position: absolute;
width: 960px;
top: 225px;
text-align: center;
z-index: 1000;

Unfortunately I wasn't successful, but I appreciate your help.

z-index: 1000;

I only now just realised that my navigation bar is missing for anyone viewing in IE. I've made some CSS changes to my site to make it look more the way I want, but truth is I know nothing about CSS. I've basically found what I needed around the net and copied and pasted it into the editor. I believe I may have done something wrong along the way.

My site: http://beautifulkayekie.com

Any help you have would be wonderful.
I've noticed my page views are not as consistent, and this is probably why.

Now I'm wondering why certain HTML isn't saving. I want to add checkboxes next to each ingredient like AllRecipes does. I tried this code <input type="checkbox"> But it doesn't work.

WordPress.com has traditionally not allowed adding custom form code, and "input" is one of those. It's also mentioned on this related help page if you'd like to read more:
http://en.support.wordpress.com/code/

Would it work for you to use an image instead? You can use the :before pseudo element to add a small image to the left of list elements, and that might work out well for what you're trying to do.

Now I'm wondering why certain HTML isn't saving. I want to add checkboxes next to each ingredient like AllRecipes does. I tried this code <input type="checkbox"> But it doesn't work.

For the Home page, it actually would be ideal to have it be a feed of my most recent posts only if it is possible to have some text that is sticky above the feed.

Do you mean the Recent Posts in the sidebar? If so, you can just add a separate text widget above it.

I don't like that now when you click "Read more of this post," the page automatically scrolls down to where it was cut off. Any suggestions?

That's a function of how the underlying HTML is setup for "Read more" links in general on WordPress. You cannot change functionality like that using the Custom Design upgrade which is for appearance-related changes. WordPress.com doesn't offer a way for you to change that particular behavior through a setting, it's just how "read more" links are setup to work. Sorry I don't have a better solution for you on this one!

Also, in Settings > Reading, I have "Summary" selected under "For each article in a feed, show..."
But regardless of selecting that, it still showed the FULL text.

Note the setting label (on the left side) says, "For each article in a feed, show." That means the summary setting only applies to feeds.

There actually isn't a setting to turn all posts into summaries, though some themes do that automatically, it's currently a theme design choice. You also have the option to display just the first part of the post by using a more tag:
http://en.support.wordpress.com/more-tag/

Okay, on the Home page I want the food photos to be next to each other but they are stacking on top for some reason. They currently all have the alignment "none" selected.

That's the expected behavior for alignment=none. You probably want align=left. See if this page helps:
http://en.support.wordpress.com/images/image-alignment/

If you aligned images left and then the text below it started wrapping funny, you could edit the HTML in your post and add clear=both to the paragraph just after the images, like this:

<p style="clear: both;">text here</p>

Okay, on the Home page I want the food photos to be next to each other but they are stacking on top for some reason. They currently all have the alignment "none" selected.

Also, in Settings > Reading, I have "Summary" selected under "For each article in a feed, show..."
But regardless of selecting that, it still showed the FULL text. After searching wp forums, I found that if I added the "Insert More Tag" where I wanted it to cut off, that would do the trick. So I did, but I don't like that now when you click "Read more of this post," the page automatically scrolls down to where it was cut off. Any suggestions?

3. On my posts I will always want the word "Ingredients" to be BELOW the photo. No matter how many "ul" I add, the text stays aligned with the photo. Here is an example.

The Enterprise already has styling for a "clear" class setup:

.clear {
	clear: both;
	}

And you can use that to your advantage. In cases where you want to clear anything from both the left and right side of an element, like a "ul", edit the post add the "clear" class to the HTML.
http://en.support.wordpress.com/editors/#text-editor

Change this:

<ul>

To this:

<ul class="clear">

2. I would like the menu fonts to be larger.

You need to use "!important" to override the custom font settings:

.nav ul li a {
	font-size: 15px !important;
}

.subnav li:hover > a {
	background: #5eb094;
}

Is there a way to fix the problem where when you hover over one of the drop downs like "sinfully tasty" the background of the above main category title like "sweet tooth" turns gray?

And the problem where the background of "Home" is gray instead of the salmon color F08080.

I think you're going to keep running into random issues like this unless we step back and look at all of the colors that the Enterprise theme uses for menu colors. To do that, I used my web browser inspector to find the CSS link in the header that contains the theme's CSS, then I copied out anything in the menu and submenu sections, then I swapped out all the colors. This should cover everything, including tertiary menus should you add another level in the future. It also covers the parent menu item color when you hover over submenu items underneath it as well as the current page menu item color ("Home" in your example above):

#nav {
	border: 2px solid #fff;
	background: #f08080;
}

#subnav {
	border: 2px solid #fff;
}

.nav ul li a {
	color: #eee;
	background: #f08080;
}

.nav ul li a:hover,
.nav ul li a.selected,
.nav ul li.current-menu-item > a,
.nav ul li.current-menu-ancestor > a,
.nav ul li.current_page_item > a,
.nav ul li.current_page_ancestor > a {
	background: #f4a5b2;
	color: #eee;
}

.nav ul li ul li a {
	background: #f08080;
	color: #fff;
}

.nav ul li ul li a:hover {
	background: #f4a5b2;
	color: #fff;
}

.nav li:hover > a {
	background: f4a5b2;
}

.nav ul ul :hover > a {
	background: #f4a5b2;
}

#subnav {
	background: #5eb094;
}

.subnav ul li a {
	background: transparent;
	color: #fff;
}

.subnav ul li a:hover,
.subnav ul li a.selected,
.subnav ul li.current-cat a,
.subnav ul li.current-menu-item > a,
.subnav ul li.current-menu-ancestor > a,
.subnav ul li.current_page_item > a,
.subnav ul li.current_page_ancestor > a {
	background: #11caa4;
	color: #fff;
}

.subnav ul li ul li a {
	background: #5eb094;
	color: #fff;
}

.subnav ul li ul li a:hover {
	background: #11caa4;
}

.subnav li:hover > a {
	background: #5eb094;
}

.subnav ul ul :hover > a {
	background: #5eb094;
}

You should remove all of your previous menu color rules, and add the example above in their place.

About the previous question where i said "it worked!" ... I discovered it only works when I'm in the CSS editing mode. Yes, I clicked save and triple checked. :(

It sounds like *maybe* interference from other Custom CSS or possibly the CSS editor isn't saving changes at all sometimes. <--- If that is happening, definitely let me know and I will look into it. It is working for me right now though.

Is there a way to fix the problem where when you hover over one of the drop downs like "sinfully tasty" the background of the above main category title like "sweet tooth" turns gray? I want it to be the green 5eb094.

And the problem where the background of "Home" is gray instead of the salmon color F08080.

This is all the CSS I have for the Nav bar:

#nav {
border: 2px solid #ffffff;
}

#nav {
background: #F08080;
}

#nav ul li a:hover {
background: #F4A5B2;
}