Centre the navigation bar

A link to your site would be helpful!

Hi daydreamer,

you can post this in your custom css.

.sf-menu {
text-align: center;
}
.navbar_inner > div > ul, .navbar_inner > ul{
display:inline-block;
}

and play around with pixel till its center.

Duena is a responsive theme.

@edde Poon

Your CSS works, however, when I resize the window to the smallest width, the nav bar is still shown along with the responsive drop down nav bar. Any suggestions on how to prevent that and only show the drop down bar?

Nevermind…I figured it out. Adding this code to my style.css fixed it.

@media (max-width: 767px) {
.navbar_inner > div > ul, .navbar_inner > ul {
display: none !important;
}
}

I’m also trying to centre the menu bar but when I add the above to style.css the menu bar disappears and the drop down appears.

Any ideas?

Hey !
i’m also looking for a solution, anyone ?