Top menu bar

Let’s see your site

Align menu right and fix search overlap with:

@media only screen and (min-width: 720px) {
#nav-topbar .nav { text-align: right; }
#nav-topbar .nav > li:last-child { margin-right: 60px; }
}

Center only dropdown text with:

@media only screen and (min-width: 720px) {
#nav-topbar .nav ul { text-align: center; }
}

Thanks Alexander, I’m still very new to CSS. One quick clarification, when I said vertically center, I meant equalize the padding above and below the text in each dropdown item.

Hm, you mean removing the extra padding above the first list item and the last list item?

@media only screen and (min-width: 720px) {
.nav ul { padding: 0; }
#nav-topbar .nav ul { text-align: center; }
}

Hi Mr. Alexander Agnarson, its Mutebi in Uganda, Africa.
How can i add the Search Bar to the Header after removing the Topbar

Thanks a lot for the Free Amazing theme! I cudn’t have afforded it from here in Uganda if at all it was for sale. Thanks again.

Hi Mr.Alex, thanks for the great work. Well, I’m using Topbar and i would like to know how i can add my blog Title/Logo to the Topbar.

2. on phone and Tablet resize, i would like to add the Blog Logo between the Menu Icon and the Search Icon! How easily is it possible?

Thanks again for the great Theme