Menünün kodu bu :

/* main menu 1st level */
#Top_bar #menu { z-index: 201;}
#Top_bar .menu { z-index: 202;}
#Top_bar .menu > li { margin: 0 auto; z-index: 203; display: block; float: left; }
#Top_bar .menu > li:not(.mfn-megamenu-parent) { position: relative; }
#Top_bar .menu > li.hover { z-index: 204; }
#Top_bar .menu > li > a { display: block; line-height: 60px; padding: 15px 0; position: relative; }
#Top_bar .page-menu > li > a { padding: 15px 20px; } /* default WP Pages Menu */
#Top_bar .menu > li > a:after { content: ""; height: 4px; width: 100%; position: absolute; left: 0; top: -4px; z-index: 203; opacity: 0; filter: alpha(opacity=0); }
#Top_bar .menu > li > a span:not(.description) { display: block; line-height: 60px; padding: 0 20px; white-space: nowrap; border-right-width: 1px; border-style: solid; }
#Top_bar .menu > li > a span.description { font-size:11px; line-height:12px !important; margin:-15px -15px 0; color:#aaa; font-weight:300; text-align:center; display:block;}
#Top_bar .menu > li:last-child > a span { border: 0; }
#Top_bar .menu > li > a:hover { text-decoration: none; }


Temada wordpress avada teması menüyü bi türlü ortalayamadım floadı right yaptım sağa yasladı menüyü center yapınca ortalamıyor

Nasıl ortalıcam bu menüyü temanın yazarı ( Custom CSS kısmına yazmak için )

#Top_bar .menu_wrapper { float: right; }

Kodunu vermiş ama yapınca olmuyor