Sample Theme – Header Right Area Too Small

[dave_s]

I'm using the latest sample theme and trying to get my custom menu into the header right area but there's not enough space. I've used firebug and notice that the 'title area' is set to 62% and the 'header right area' is set to 30%. If I reverse those figures it messes up the content and sidebar areas.

Any ideas?

Cheers

Dave

[itsonlybarney]

You will need to isolate the header CSS styling from the content and sidebar styling.

Change this:

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.sidebar,
#header .widget-area {
width: 30.555555555%; /* 352px / 1152px */
}

to:

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.sidebar {
width: 30.555555555%; /* 352px / 1152px */
}

#header .widget-area {
width: 65.277777777%; /* 752px / 1152px */
}

and change this:

.content-sidebar #content,
.sidebar-content #content,
#title-area {
width: 65.277777777%; /* 752px / 1152px */
}

to:

.content-sidebar #content,
.sidebar-content #content {
width: 65.277777777%; /* 752px / 1152px */
}

#title-area {
width: 30.555555555%; /* 352px / 1152px */
}

Or the respective widths that you are wanting them set at.

[dave_s]

Never would have figured that out on my own. Did exactly what it said on the tin, many thanks 🙂

Dave

[Author]

Posts