PDA

View Full Version : Move navbar up?


SPEEDKILLZ
02-28-2014, 12:30 AM
I have changed my header from 174px to 120px now i have this black section below it. How do i move navbar up to to the bottom of the header? see attachment

ozzy47
02-28-2014, 12:52 AM
Search in your template for this:

.navbar {

Paste the contents here, should look something like this:
.navbar {
background: url("http://builtspeed.com/images/primus/bw/misc/navbar-bg.png") repeat-x scroll left bottom #2F2F2F;
border: 0 none;
border-radius: 3px;
box-shadow: 0 0 3px 0 rgba(72, 72, 72, 0.59);
color: #555555;
font: 11px Arial,Calibri,Verdana,Geneva,sans-serif;
height: 60px;
margin: -50px 0 0;
position: relative;
}

SPEEDKILLZ
02-28-2014, 01:04 AM
have this is stylegenerator.css

.navbar {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
-moz-border-radius-bottom{vb:stylevar left}: 5px;
-moz-border-radius-bottom{vb:stylevar right}: 5px;
-webkit-background-clip: border-box;
-webkit-background-origin: padding;
-webkit-border-bottom-{vb:stylevar right}-radius: 5px;
-webkit-border-bottom-{vb:stylevar left}-radius: 5px;
background-clip: border-box;
background-origin: padding;
border-bottom-{vb:stylevar right}-radius: 5px;
border-bottom-{vb:stylevar left}-radius: 5px;
-x-system-font: none;
background: #2F4456 none repeat scroll 0 0;
color: #FFFFFF;
font-family: Arial, Calibri, Verdana, Geneva, sans-serif;
font-size: 11px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 35px;
line-height: normal;
padding: 0;
position: relative;
margin-top:13px;

and this in vbulletinchrome.css


.navbar {
position:relative;
height: {vb:math {vb:math {vb:stylevar navbar_tab_border.borderWidth} + {vb:stylevar navbar_tab_size.height}} + {vb:stylevar navbar_menu_height}};
background:{vb:stylevar navbar_background};
margin:{vb:stylevar navbar_margin};
color:{vb:stylevar navbar_color};
font:{vb:stylevar navbar_font};
border:{vb:stylevar navbar_border};
-moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};

ozzy47
02-28-2014, 01:11 AM
Ok edit the stylevar navbar_margin, found in the group, NavBar

Set the top value to a negative number such as -20

SPEEDKILLZ
02-28-2014, 01:22 AM
Great Ozzy that did it. :)

ozzy47
02-28-2014, 01:26 AM
Not a problem, glad to help. :)