Question vBNavTabs Popup Height

[Mike Bucy]

Can the pull down height be changed?

 

[Ozzy47]

Height of what exactly, can you post a screenshot with arrows pointing to the area.

 

[Mike Bucy]

Here you go!!

 

[Ozzy47]

Ok that has to be something coded by your skinner, try looking in CSS Templates at vbulletin-chrome.css search for,

#navtabs .popupmenu ul, #navtabs .popupmenu ul li a

and see what height: is set to.

If it is not in there or is already auto, then just do a search for

#navtabs .popupmenu ul, #navtabs .popupmenu ul li a

and see what the value is set to, either way the height: should be set to auto, like so:

#navtabs .popupmenu ul, #navtabs .popupmenu ul li a {
	height: auto;
}

 

[Mike Bucy]

The HTML Code for vbulletin-chrome.css:

#navtabs .popupmenu ul, #navtabs .popupmenu ul li a {
height: auto;



Looks like it's set to auto.

Anything else we need to look at?

 

[Ozzy47]

Check on a un modified default skin and see what it looks like on that.

 

[Mike Bucy]

Default style is exactly the same.

 

[Ozzy47]

That don't make any sense, pm me a admin account, I can find out what is going on faster that way.

 

[Ozzy47]

OK first off, on the default style, the height is as it should be already. Now on your customized style you have the stylevar navbar_tab_size under the group NavBar, height is set to 44, which this controls the actual height of the tab and the height of the items within them. Now you have two options, set that height to 26 which is vBulletin default height, doing that will change the height of the tabs and the items within them to the same size, or in your additional.css template look for:

.navtabs li a {
	height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
	line-height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
	padding:0 {vb:stylevar padding};
}

And change the line-height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units}; to something like line-height:26px;

Doing that will leave your tab height as it is, and the items in it will look as they do on a default skin.

 

[Mike Bucy]

That did the trick. Thank you very much for your time.

 

[Ozzy47]

Good glad it worked.