[Solved] How can i center my css menu?

[ad_1]

Because your menu wraps to two lines you won’t be able to center it with CSS. To do so with fewer (or narrower) elements that fit on one line:

<header class="grid_11_REMOVED">
    <div class="cssmenu clearfix" style="width: auto;">
        <div style="background: [styles from menu]; text-align: center;">
            <ul class="level1" style="display: inline-block;">
            ...
            </ul>
        </div>
    </div>
</header>

Menu elements are displayed block by default, and are therefore full-width. Not also that I’ve fixed the width of the header element, which is too narrow, by removing the .grid_11 class.

[ad_2]

solved How can i center my css menu?