Menu icon Foundation
Split links in top menu

Is there an example of how to achieve menu like this in F6
(http://ravistheme.com/yoona/html/)
Also, how do you center links in menu.
Also, since navigation is a bit changed from F5 is there any good article/video on the net to help a bit in quicker adoption of this changes.

menuF6splitnavigation

Is there an example of how to achieve menu like this in F6
(http://ravistheme.com/yoona/html/)
Also, how do you center links in menu.
Also, since navigation is a bit changed from F5 is there any good article/video on the net to help a bit in quicker adoption of this changes.

Rafi Benkual almost 4 years ago

Is that a theme you made or is it an example you found?

You can create a div with the .menu-text class and put you logo there. Some CSS to position it:

.menu-text {
  position: absolute;
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
}

Examples: http://codepen.io/rafibomb/pen/xZdGmK

You should check out the ZURB University lessons! http://zurb.com/university/lessons/how-to-re-create-top-bar-with-foundation-6

Vladimir almost 4 years ago

Rafi, I am trying to get along with F6 but navigation is the biggest problem so far. I see you boys recoded the whole framework, it is easier in weight, more "modular" which is a very good thing, but I am missing a good intro article like we had with F5.
Regarding my question, is it only possible to be done by top-bar or you can do it in other way in F6.