Reply To: Trouble with menu not centering in both web and mobile responsive design

[Paulie_D]

Firstly, you have to remove the inline CSS width

<div class="wfm-mega-menu" id="ultimatummenu-4-item" style="width:940px;">

Then I would do this

.wfm-mega-menu ul.menu {
text-align:center;
margin: 0 auto;
}

then

.wfm-mega-menu ul li {
/* float: left; */  */ Remove this */
display:inline-block; /* add this */
margin: 0;
padding: 0;
font-size: 13px;
font-weight: bold;
}