Navbar issues after upgrading to 4.2.1

[mustangguy1230]

My site - http://performancefanatic.com/ - was working great with 4.2.0 but I decided to go ahead and upgrade to 4.2.1 and it seems to be working fine except for the navbar. If you go to the site you can see what I'm taking about.

This is what the navbar used to look like...



Any ideas for fixing the issue?

EDIT - I added an attachment that shows the issue. It's under the main part that says "forum, garage" etc.

[Amaury]

I'm not seeing any issues.

[ForceHSS]

Where the quick link tab is seems to be up to far needs an extra space there

[mustangguy1230]

Originally Posted by Amaury25

I'm not seeing any issues.

I added an attachment that shows the issue. It's under the main part that says "forum, garage" etc.

[Amaury]

Originally Posted by mustangguy1230

I added an attachment that shows the issue. It's under the main part that says "forum, garage" etc.

The gray text? Just edit the navbar_link_color and navbar_linkhover_color StyleVars.

[mustangguy1230]

Originally Posted by Amaury25

The gray text? Just edit the navbar_link_color and navbar_linkhover_color StyleVars.

Yeah that's not it. That is just the color not the placement. And if I change that to white for instance, it changes the color of the navtab font color. I think there may be some css that was done before that isn't working now but I don't know where/how to fix it.

--------------- Added [DATE]1366922104[/DATE] at [TIME]1366922104[/TIME] ---------------

Anyone who is good with coding can check the cached version of the site here

http://webcache.googleusercontent.co...&ct=clnk&gl=us

And it might help. I just can't figure it out.

[Lynne]

If it isn't the stylevar navbar_link_color, then you have modified the template. This is how it should be in the template vbulletin-chrome.css - is it?

.navtabs > ul.floatcontainer li a {
	color:{vb:stylevar navbar_link_color};
	padding:{vb:math {vb:stylevar padding}/5} {vb:math {vb:stylevar padding}/2};
}

and

.navtabs > ul.floatcontainer li a.popupctrl {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
	border-radius:3px;
	border:solid {vb:stylevar navbar_tab_border.borderWidth}{vb:stylevar navbar_tab_border.units} transparent;
	background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
	padding-{vb:stylevar right}:15px;
	color: {vb:stylevar navbar_link_color};
}

It looks like you are also missing some padding.

[mustangguy1230]

Originally Posted by Lynne

If it isn't the stylevar navbar_link_color, then you have modified the template. This is how it should be in the template vbulletin-chrome.css - is it?

.navtabs > ul.floatcontainer li a {
	color:{vb:stylevar navbar_link_color};
	padding:{vb:math {vb:stylevar padding}/5} {vb:math {vb:stylevar padding}/2};
}

and

.navtabs > ul.floatcontainer li a.popupctrl {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
	border-radius:3px;
	border:solid {vb:stylevar navbar_tab_border.borderWidth}{vb:stylevar navbar_tab_border.units} transparent;
	background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
	padding-{vb:stylevar right}:15px;
	color: {vb:stylevar navbar_link_color};
}

It looks like you are also missing some padding.

The only things that have been changed are in the additional css... It looks okay though to me when I view it so I'm not sure where the issue is.

[mustangguy1230]

Anyone know of a fix? I've seen several posts on different sites. Looks like people who had a changed theme and upgraded to 4.2.1 are having similar issues.

[Lynne]

The fix is to see if the designer has a new upgraded style. Or, alternately, fix the css yourself.