[twentyeleven] help with #access

Thanks Andrew, I figured it out 🙂

I have another question, not really related, I can start another thread if needed but it’s for the same site. If you look at the bottom of each post on this picture:
http://www.denoto.net/wp-content/uploads/2013/03/design-denoto.jpg

You can see that the comment bubble and number is all the way to the right and in a different font than the category to the left. I managed to separate the entry-meta and utility but how do I separate the category and comment section in the utility?
Or is there any way I can edit the span-class:comment-link in the css?

Ops! Wrong link, haha, this is the right one denoto.net

Yes I want the bubble and the ‘1’ for comments floated right, and the text smaller. All I’ve tried is fixing the attributes for <div class=”comments-link”>, but It’s not responding at all so I don’t even think I can edit using that.

I was thinking of putting the comment in a new div separate from categories but I don’t want to mess up the whole site by messing around with functions.php.

Any other ideas?:)

Ah, that did the trick, for some reason it wasn’t responding on my child theme.. I’m going to finish the design and then redo the whole child theme to get all my info on there. But thanks again Andrew!

I finished the menu, but now I’m attempting to add a drop down menu and theres a space between the actual link and drop down link so they aren’t clickable.. at least I’m guessing that’s why I cant click on them.. heres my code for #access

/* =Menu
-------------------------------------------------------------- */

#access {
	background: #000; /* Show a solid color for older browsers */
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 2px;
	width: 100%;
	height: 28px;
}
#access ul {
	font-size: 16px;
	font-family: 'oratorstd';
	text-transform: uppercase;
	text-align: center;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
	height: 22px;

}
#access li {
	float: left;
	position: relative;
	width: 169px;
}

#access a {
	color: #eee;
	display: block;
	padding: 0 1.2125em;
	text-decoration: none;
	border-right: 2px solid #fff;
	height: 22px;
	padding-top: 6px;

}
#access ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 200px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
}
#access li:hover > a,
#access a:focus {
	color: #ccc;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

Can anyone see what’s wrong?

Oh right, just decreased the height! Thank you so much again!