Mobile Navigator menu

Can someone help me with this? I need to make mobile navigator menus take new line like this ...picture attached

Try adding this to the end of your templates top_menu_phone.css   just before the very last curly bracket.

table.topMenu td {
    display: inline-block;
}
div.sys_mm_cnt {
    text-align: center;
    white-space: normal;
}

Do the same thing to top_menu_tablet.css to make tablet menus behave the same way.

Add it to the end of top_menu.css if you want this behavior on a standard desktop.

top_menu_phone.css should look something like this when you're done:

@media (max-width:720px) {
	div.sys_mm {
		width: 100% !important;
	}
	div.sys_mm div.sys_mm_cnt {
		padding-left: 0px !important;
		padding-right: 0px !important; 
	}
	div.sys_mm div.sys_mm_scroll_outer,
	div.sys_mm div.sys_mm_scroll_btn {
		display: none;
	}
	div.sys_mm div.sys_mm_cnt .topMenu {
		left: 0px !important;
	}
    div.sys_page_header {
        max-width: 100%;
    }

table.topMenu td { 
display: inline-block;
}

div.sys_mm_cnt {
text-align: center;
white-space: normal;
}

}

That really worked fine. Thank you very much.