Nav bar on the left with a responsve logo on the right

I have a navbar at the top of each page with a list of elements all with float: left; applied to them. I then have a company logo floating on the right hand side of the nav bar. The issue is that if I make the window too small, the logo will move underneath the list items, I need it to shrink in size.

I do have media queries for mobile devices, but this is when the screen is still too large for a mobile device. I may also mention that the number of items on the menu bar can change, so a media query for this is not suitable.

Centering a header.

How would i go about centering this header.

.site-header {
	padding: 24px 0;
	padding: 1.714285714rem 0;
.site-header h1,
.site-header h2 {
	text-align: center;
.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
.site-header h2 {
	font-weight: normal;
	font-size: 13px;

Making content (text) area larger in a wordpress theme.

I was able to make my theme area larger by modifying this section of the stylesheet.css:

/*========= LAYOUT =========*/
	background: #ffffff;
	margin: 0 auto;
	width: 960px;

But this leaves a gap between the content area (where the text of a page or post is located) and the sidebar. I want to make the text area a little wider.

Here is the complete css code of the theme:

Theme Name: Original Premium News
Theme URI: <a href="
Description:" rel="nofollow">
Description:</a> Original Premium News by WooThemes
Version: 2.4.5
Author: WooThemes

css positioning problem

Is there any way to just make the entire page fixed so that nothing changes at all when you zoom in or out and everything just gets smaller/bigger appropriately? I'm kind of inexperienced with html and css, but I have things the way I want them and this is really the only problem I've come across. I'm using webgui.

Backroung hiding behind other modules

I have a basic blogp with a 2 column layout. One for the content (left), anothe column for "latest articles" and other stuff (right). I wish to add a background image, but it is giving me problems.

Syndicate content