Formatting issue
Sir or Ma'am:
I'm seeing some very weird things while trying to use the Diver theme.
In essence, if I turn off the Display Site Name option on the theme, the left sidebar goes to the center, pushing down all of my content. I've sent two screen shots to sales@ThemeShark.com that show this behavior.
I've made only a few tweaks to the Style1.css (also sent via e-mail).
What can I do to remedy this?
Thank you.
V/R,
TBissell
Tags:
Sir or Ma'am:
I'm seeing some very weird things while trying to use the Diver theme.
In essence, if I turn off the Display Site Name option on the theme, the left sidebar goes to the center, pushing down all of my content. I've sent two screen shots to sales@ThemeShark.com that show this behavior.
I've made only a few tweaks to the Style1.css (also sent via e-mail).
What can I do to remedy this?
Thank you.
V/R,
TBissell
The reason the left sidebar is being pushed toward the center is because the header is set to a fixed height. The logo you're using is slightly too high, so it's pushing all of the content to the toward the right. You'll notice that although the left sidebar appears to be centering itself, it's actually beginning after the logo. If you shrink down the logo this problem will go away. You could also try adjusting the height of the header-wrapper div, #header-wrapper, found in the stylesheet on line 109, which looks like this:
#header-wrapper {
height: 123px;
background: url(../images/style1/header-bg.png) 50% 0 no-repeat;
border-bottom: 1px solid #000000;
}
You could try something like this instead:
#header-wrapper {
height: 170px;
background: #ffffff url(../images/style1/header-bg.png) 50% 0 no-repeat;
border-bottom: 1px solid #000000;
}
(this also adds a background color so appear that there's a gap)
If you turn on all of the header elements, and their combined width is larger than the width of the page there will also be some layout issues. The elements are floated to appear side by side, and if they're too long they will wrap to the next line.
Much thanks, x2! :)
Took some tedious pixel-by-pixel scaling, but I was able to get the logo to the size it needed to be: as large as possible, but without affecting the layout.
In, this put the search box where it was supposed to be.
Thanks for the quick responses mate.
V/R,
TBissell



