Center logo / left align navigation

[martian7]

hi there,

how can i center the logo and have the menu aligned on the left (like this http://lonelyleap.com/)?

heres the URL of the working site: http://bylinestudio.com/

i tried to center with the css code snippet in this article: https://theme.co/apex/forum/t/header-navbar-how-can-i-get-the-navbar-centered/2929/4 But it didnt change.

this is the custom css, i have now:
.masthead-inline .desktop .x-nav {
float: left;}

.x-brand, .x-navbar .desktop .x-nav > li > a {
text-align: center;
}

thanks!

[jade]

Hi there,

Please try this code:

@media (min-width: 980px) {
    .x-nav-wrap.desktop {
       float: left;
   }

   .x-brand {
       float: none;
       position: absolute;
       left: 0;
       right: 0;
   }

   .x-navbar-inner .x-container.max {
       max-width: 100%;
       text-align: center;
   }
}

You might need to change the code to fit your requirements but it should be you started.

Cheers!