CODEWITHSUNDEEP
csszurb-foundation
a1204773
a1204773

Reputation: 7043

Zurb Foundation vertical navbar?

Hello guys I recently started using Zurb Foundation and now I need vertical navbar like top bar but vertically. I was playing around here wit css but with no luck. I searched on google but couldn't find such thing. Is it easy to convert the top-bar to vertical navbar?

Upvotes: 1

Views: 3311

Answers (1)

Lokesh Suthar
Lokesh Suthar

Reputation: 3202

Try this PEN

.top-bar{
   height:100%;
   width:150px;
 }
ul.right > li{
  display:block;
  float:none;
  border-bottom:1px solid #444;  
}

ul.right > li:last-child{
  border-bottom:none;
}
.has-dropdown ul.dropdown{
  position:absolute !important;
  left:100% !important;
  top:0px;
  border-left:1px solid #444;
}

Update:Added right chevron to pen.

Upvotes: 4

Related Questions