I am using meganizr mega menu.usually it is available either left-aligned or right-aligned.but for my requirement i tried to make it center-aligned.Here i made an online gist.
On the line No.35 if i remove float:left and give text-align:center to either ul or li, it will be vertical. I tried left:240px; it is in center but its not responsive. I tried solutions on other questions here for a whole day.but could not center-align menu and responsive at same time.can any one help me please?
if you wanna make all menus go center add the following code to .meganizr
text-align: center;
then chenge following code with .meganizr > li class
.meganizr > li {
position: relative;
display: inline-block;
height: 37px;
border-right: 1px dotted #ccc;
}