menubar: two rows of pagelinks

Hello, how can I make the horizontal top menubar bigger so it fits two rows of pagelinks instead of one?
Thanks!

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.menu_wrapper {
height: 100px;
}
@media only screen and (max-width: 767px){
.menu_wrapper {
height:0px;
}}
 
@media only screen and (max-width: 480px){
.menu_wrapper {
height: 0px;
}}

 

Thanks!