グローバルメニューを3列表示させたい

以前、
https://ja.forums.wordpress.org/topic/153397?replies=15
のトピックで質問させていただきました。

テーマはstinger5を利用していたのですが、

}

/* 複数列表示 */
header > nav ul {
font-size: 0;
list-style: none;
padding: 0;
}
header > nav ul * {
font-size: medium;
}
header > nav li {
display: inline-block;
vertical-align: top;
width: calc(100% / 3 – .01px);
}
header > nav img {
width: 100%;
}
header > nav a {
display: block;
}
.smanone {
display: block;
}
#menuarea {
display: none;
}

と追記することで、
３列表示できました。

このたびstinger7に変更したところ、
また３列表示ができなくなってしまいました。

解決方法のご教授、
よろしくお願いいたします。