Question For Zeaks

This is the best way I have ever been asked a question! I personally think everyone that asks a question from now on should make a YouTube video! I love it!

Ok, the sidebar uses the ID #secondary, here is the CSS Twenty Eleven uses.

Code:

#secondary {
    float: right;
    margin-right: 7.6%;
    width: 18.8%;
}

All you need to do is remove the right margin, and add a bit of CSS to pull the sidebar up. You could pull the sidebar up by using #main I think, but that might also cause the content to move up too.

Code:

#secondary {
    float: right;
    margin-right: 0;
    margin-top: -40px;
    width: 18.8%;
}

This should remove the right margin, and pull the sidebar up close to the menubar, you might need to adjust the negative top margin ( -40px ) I had the calendar widget active when I tested it, so it might not completely butt up against the menu like you want.

I'll also mention, since you're decreasing the right margin, you can increase the width of the sidebar too.

You can add this code by creating a child theme, or using the Twenty Eleven theme extensions or any plugin that allows you to add custom CSS to your theme.

lol I like the videos.

If you have a link to your site I could take a look at the text for you.
It could be the image in the sidebar has padding around it, or maybe it's not wide enough to take up the entire width of the sidebar like the text would.

Try reducing the width of the sidebar just a bit, see if the text moves over to the right to line up with the image or not. If it does, then your image wasn't wide enough

Ok, I took a look. The image itself is not as wide as the entire sidebar, But also, the widget img max-width is only 97.5% so even if the image was wide enough, it would still display as 2.5% more narrow than the text.

Your choices are, either make the sidebar a bit more narrow and increase the widget img max-width, or make the image wider. You might be able to just change the width in the code without it looking bad.
Add this to your custom CSS plugin thing.

.widget img {
max-width: 100%;
}

I've outlined the image code in a screenshot. Please don't be jealous of my awesome Photoshop skills, I'm obviously a professional.

The addon your using seems to be adding code to control the wideth of the sidebar. You have it set for 26%, but the plugin is overriding it to 20%. I can fix it in firebug, but I'm not sure if it will alow you to override it or not. Try this in custom CSS.

.moz-widget-list-adjust #secondary {
width: 25%;
}

If that doesn't do anything, try

.moz-widget-list-adjust #secondary {
width: 25% !important;
}