Hi there,

If it was something I knew off the top of my head I would gladly help, but if it requires a bit of research, testing and custom code then I have to refer you to the customization request form.

Best,

Chris

Could you just tell me what to change here...

/*-------------------------------------*/
/*-------MAIN NAVIGATION STUFF--------*/
/*-----------------------------------*/
#navigation {float: left; margin: -10px 35px 0 0;}
#dropmenu {list-style:none; position:relative; width:100%; z-index: 400;}
#dropmenu li {list-style:none; position:relative; float: left; line-height: 60px;}
#dropmenu li a { display: block; line-height:45px; font-size: 11px; border-bottom: 0px solid transparent; text-transform: uppercase; position: relative;
padding: 0 10px;
color: #fff;
opacity: .45;
font-weight: bold;

-moz-transition-property:opacity;
-moz-transition-duration:0.20s;
-moz-transition-timing-function:linear;

-webkit-transition-property:opacity;
-webkit-transition-duration:0.20s;
-webkit-transition-timing-function:linear;

-o-transition-property:opacity;
-o-transition-duration:0.20s;
-o-transition-timing-function:linear;
}
#dropmenu li a:hover {text-decoration: none; opacity: 1;}
#dropmenu li ul {
list-style:none;
display:block;
visibility:hidden;
opacity:0;
position:absolute;
width:190px;
padding:10px 0;
z-index:300;
top:45px;
right: 0;
background: #111;
background: rgba(0,0,0,.5);
}
#dropmenu > li > ul:before {
content: "";
height:0;
width: 0;
position: absolute;
right: 20px;
z-index: 1000;
display: block;
border-width: 10px;
border-style: solid;
top: -20px;
border-color: transparent transparent #111;
border-color: transparent transparent rgba(0,0,0,.5);
}
#dropmenu li ul li {position:relative; z-index: 2; display: block; text-align: left;}
#dropmenu li ul li a {line-height: 1.5em; text-transform: none; display: block; padding:8px 20px; width: 150px;}
#dropmenu li ul li ul {position:absolute;top:-10px; right:190px; border-width: 1px;}
#dropmenu li:hover ul ul,
#dropmenu li:hover ul ul ul,
#dropmenu li:hover ul ul ul ul {visibility:hidden; opacity:0;}
#dropmenu li:hover ul,
#dropmenu li li:hover ul,
#dropmenu li li li:hover ul,
#dropmenu li li li li:hover ul {display:block; visibility:visible; opacity:1;
-moz-transition-property:opacity;
-moz-transition-duration:0.15s;
-moz-transition-timing-function:linear;

-webkit-transition-property:opacity;
-webkit-transition-duration:0.15s;
-webkit-transition-timing-function:linear;

-o-transition-property:opacity;
-o-transition-duration:0.15s;
-o-transition-timing-function:linear;
}
#dropmenu > li > a:hover,
#dropmenu li.current-menu-parent > a,
#dropmenu li.current-menu-item > a,
#dropmenu li.current-menu-ancestor > a {
color: #fff;
border-bottom-color: #fff;
opacity: 1;
background: none;
}

#selectMenu {
display:none;
position:absolute;
z-index:1000;
right:25px;
bottom:16px;
width:150px;
background: #191919;
color: #fafafa;
border: 1px solid #1f1f1f;
padding: 10px;
height: 37px;
line-height: 37px;
margin: 0;
}

I need to center the navigation bar only, that's it.

Hi there,

Sorry, but that goes a bit beyond the level of support I'm able to provide here in the forums. If it was something I knew off the top of my head I would gladly help, but if it requires a bit of research, testing and custom code then I have to refer you to the customization request form: http://themolitor.com/custom

Hope you understand.

Thanks!

Chris

Hey!

I have seen that a few people had accomplished this without any problems however, I tried once and it was really bad on mobile devices or when I minimized the page... please tell me where I can edit and achieve this, please!