Menu icon Foundation
Changing Height of Row

I would like to know how to make the menu centered instead of it being at the top, is there a specific class I can use?
Where the image says 350 by 350px , the menu should be on the same height.

http://codepen.io/jgacuca567/pen/WbYOow

center-menu

I would like to know how to make the menu centered instead of it being at the top, is there a specific class I can use?
Where the image says 350 by 350px , the menu should be on the same height.

http://codepen.io/jgacuca567/pen/WbYOow

Rafi Benkual over 4 years ago

Do you want the menu buttons to be 350px tall? Or just vertically center the menu buttons?

Menu taller and centered

@media only screen and (min-width: 800px) {
  .flexnav li {
    height: 220px
  }

  .flexnav li a {
    padding-top: 90px;
  }
}

James Van Waza over 4 years ago

Rafi that was a great idea, but how do I implement the menu to move down so that it can be at the same line where it says 350px by 350px?

How do I move the menu downwards?

Rafi Benkual over 4 years ago

Did the above code not do it?

James Van Waza over 4 years ago

It did, but you see the menu at the top, I want to move it down. In the image placeholder, where it says 350 by 350px, that is where the menu itself should be pushed downwards, the height is ok, but the menu should be centered vertically. How would I do that ?

Look at the Foundation Forum Menu, How does Feed, My Forum and Create Post how is it centered vertically so that it is at the same line as Foundation Forum ?

Rafi Benkual over 4 years ago

You have a CSS specificity issue. When I moved the CSS overrides to the bottom it worked as expected: http://codepen.io/rafibomb/pen/dPwyXj