fixing the navigation bar

how can i move the search box up on the section above? should it remove the second spot where it sits now?

Hi,

• Please provide your forum URL for appearance problems.

Add this to CSS Stylesheet:

Code:

#page-header #search-box{
position: relative !important;
bottom: 20px !important;
}

Replace bottom: 20px by another value if is needed.

ok, i got it moved up with 45px. the bottom section is still there left empty (nothing there), a way to get rid of that, but leave the background still rounded?

vendettauniverse.forumotion.com

Code:

.navbar {
    height: 50px !important;
}

The bottom of your nav? The blue part? Try the CSS code.

Try this in your CSS:

Code:

.navbar {position:relative;}
#search-box {float:none; margin:0px; position:absolute; top:10px; right: 10px;}

Adjust the TOP and RIGHT values to what looks best.

dion wrote:Try this in your CSS:

Code:

.navbar {position:relative;}
#search-box {float:none; margin:0px; position:absolute; top:10px; right: 10px;}

Adjust the TOP and RIGHT values to what looks best.

That worked, thanks. The blue bar on the nav bg is still there, but i can live with that, atleast it doesnt look like an unused section below anymore.

To get rid of the blue bar change this line:

Code:

.navbar {position:relative;}

To this:

Code:

.navbar {position:relative; border-bottom: 0px;}

LGforum wrote:To get rid of the blue bar change this line:

Code:

.navbar {position:relative;}

To this:

Code:

.navbar {position:relative; border-bottom: 0px;}

I'll try that although my css.other than what i added above is blank.

That doesn't matter...

All your changing is part of what you were asked to add by Dion.