Menu icon Foundation
Vertical align

Hi Experts, how to set the top-bar in vertical-align: middle? i tried overriding the css but no effect.
Pls. refer to the code attach if i missed something.

thanks in advance.

noex

            
 .top-bar-section ul li{
     list-style:none !important;
    width:120px !important;
	font-size:1em !important;
	background:#320001 !important;
	vertical-align:middle !important;
    text-align:center !important;
 
}

ulli

Hi Experts, how to set the top-bar in vertical-align: middle? i tried overriding the css but no effect.
Pls. refer to the code attach if i missed something.

thanks in advance.

noex

            
 .top-bar-section ul li{
     list-style:none !important;
    width:120px !important;
	font-size:1em !important;
	background:#320001 !important;
	vertical-align:middle !important;
    text-align:center !important;
 
}
Rafi Benkual almost 5 years ago

This is done automatically in the Sass version. In CSS you can add top-padding to the links.

Vertical align middle only works on tables and some text.

Here's how I did it.
https://annotate.zurb.com/posts/10001682?t=7ed9bec94796e9f6

noex almost 5 years ago

Hi Rafi, i wan't to have a top bar like the top-bar of this site. http://texasalliedconstructiondemolition.com.
the top navigation is in the middle and the links are two lines.

best regard,

noex

Daniel Lewandowski about 3 years ago

Is there a flexbox fix for this?