Menuposition in Wordpress Theme anpassen

Hallo zusammen - ich habe folgendes Problem:
neue Page erstellt mit Theme blanc. Child Theme erstellt - diverse Dinge nach meinen Wünschen angepasst.
Letztes und hartnäckigstes Problem: Menuposition Hauptmenü:

http://www.3125.ch/web_et_wp/

Das Menu lässt sich links festmachen und rechts festmachen, aber irgendwie nicht zentriert ausrichten...
ich habe diverses versucht in der style.css und / oder direkt in der header.php. alles ohne Erfolg. Hat jemand eine Idee wo diese Einstellung versteckt sein könnte?

Danke für eure Hilfe.
Rolf

PHP:
<dt class="nav-button show-for-small-only"><i class="fa fa-bars fa-fw"></i><?php _e('MENU','blanc'); ?></dt>
<dd class="menu-wrap" align="center">
<nav class="clearfix">
<?php wp_nav_menu( array(
'theme_location'=> 'navigation',
'menu_class' => 'no-bullet',
)); ?>
</nav>
</dd>
</dl><!-- columns -->

CSS:
/* Navigation menus */
.nav {
padding-top: .5rem;
padding-bottom: .5rem;
float: center;
}

.menu-wrap,
.menu-wrap ul[id^="menu-"]{
margin-bottom: 0;
[INDENT]float: center; [/INDENT]
}


/* Navigation menus */
.menu-wrap ul[id^="menu-"] {
font-weight:bold;
font-size: 1.5rem;
float: center;
}
.menu-wrap ul[id^="menu-"] > .menu-item {
vertical-align: center;
float: left;


/* diese Zahl bedeutet Abstand zwischen den Menu Einträgen.... */
margin-left: 3.5rem;
}

gericoach und maxe: vielen Dank für eure Posts!
Leider bin ich noch nicht am Ziel :-(

Wenn ich den Code im Stylesheet so einsetze klebt das Menu nun links:

.menu-wrap,
.menu-wrap ul[id^="menu-"]{
width: 100%;
margin: 0 auto;
max-width: 75em;

und damit klebt das Menu rechts:
.menu-wrap {
width: 100%;
margin: 0 auto;
max-width: 75em;
}

.menu-wrap ul[id^="menu-"]{
margin-bottom: 0;

}

Immerhin ist die Navigation nun aber nicht mehr ganz rechts / links am Browserfenster festgemacht, es scheint, dass der Ankerpunkt nun identisch mit dem Headerbild ist.

Gibt es noch eine Möglichkeit um das Menu weiter einzumitten?

Vielen Dank und Grüsse
Rolf

Zitat von maxe

spiel ein bisschen mit der max-width rum, dann siehst du die Änderungen. Könntest z.B. ne max-width von 800px (Breite des Sliders) nehmen.

in meiner Code Variante 1 oder 2? Muss der Eintrag für .menu-wrap separat stehen vom Eintrag für .menu-wrap ul... oder nicht?

funktioniert! perfekt!
width: 750px;

vielen Dank!