Center gkMainMenu

Is there any way to have the gkMainMenu be centered in the gkTopNav position instead of aligned to the left?

Thanks in advance.

Are you sure that this is news 2 template question?

..Yes? Why wouldn't it be?

Edit: Was able to figure it out, so disregard.

Ok, could you share the solution and link to your site?

The site isn't currently publicly visible, but I was able to center the menu items by adding the following code to override.css

Code: Select all

.gkMenu>ul>li>a {
    border-right: none;
    color: #222;
    display: block;
    height: 54px;
    line-height: 55px;
    padding: 0 32px;
}

#gkTopNav {
    height: 55px;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}


I made a few other changes (centering the logo and changing the borders), so the result is the following:

Edit: In order for this to work responsively, I had to amend the above code slightly (feel free to remove it):

Code: Select all

.gkMenu>ul>li>a {
    border-right: none;
    color: #222;
    display: block;
    height: 54px;
    line-height: 55px;
    padding: 0 32px;

* Centers the TopNav */
#gkTopNav {
   height: 55px;
   margin-left: auto;   
   margin-right: auto; 
}
@media (max-width: 1280px) {
#gkTopNav {
width: 70%;

}

Ok, thanks for sharing.
Its awesome that you are using override.css