Firstly I would like to say that I am very sorry if this has already been posted. I searched 'Navbar' 'Navbar position' and read whole threads but found nothing useful.

I would like to have my actual navbar above my site description (That I plan to have as another navbar)

The site description is currently the little grey button in the above screenshot, there is also a massive gap between the description and the navbar. my forum version is phpbb 3

I want to fix the gaps between the borders, it makes it hurt my eyes D:




Sum-up - 1. Looking for some CSS code 'hopefully' that allows the Navbar to be placed above the description.
2. What is the big white void for and can I remove it?
3. what do I need to edit in the CSS code to even up the borders.
Thanks is advance!
James

Hi there,

Welcome to WebArtz

I think the 1st problem can be only solved if you have template editing which is not available on phpBB3.

The other 2 can be done. Can you provide a link to your site please?

Thanks for the fast reply! Ok I was thinking that would be the case.

My forum: http://teentalk.forumotion.com/forum.htm

Thanks again,
James

EDIT: You might have to wait for just a bit, Silly me changed my theme to phpbb 2 to have a look, then couldnt get my theme back xD

Thanks.

I've got the fixes.

To remove the blank space below the banner, add this code to your CSS...

Code:

.headerbar {
height: auto !important;
}

EDIT:
I noticed that your forum theme was changed to the default one. So I can't see other bug there.

Alright my images are not on the site, but the error with the theme is there

I cant believe I did that lol

cheers,
James

ankillien wrote:To remove the blank space below the banner, add this code to your CSS...

Code:

.headerbar {
height: auto !important;
}

Excellent, Worked perfectly! And looks great!

EDIT: Damn sorry, forgot to edit instead of post

Adding this code would remove the breaking background images bug...

Code:

#main {
margin-top: -16px;
}
.inner {
margin-top: -1px;
}

ankillien wrote:Adding this code would remove the breaking background images bug...

Code:

#main {
margin-top: -16px;
}
.inner {
margin-top: -1px;
}

Excellent Thanks so much! (I got the footer one it was 1x1 px out)

This error has made me lose a lot of focus, thanks for giving me my focus back

Glad I could help

Solved | Locked