Title: Top menu bar
Last modified: August 21, 2016

---

# Top menu bar

 *  Resolved [justmytwospence](https://wordpress.org/support/users/justmytwospence/)
 * (@justmytwospence)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/top-menu-bar-2/)
 * I’d like to right align the top menu bar items, but when I do something like 
   this in the custom CSS:
 *     ```
       #menu-topbar {
           text-align: right;
       }
       ```
   
 * the list items overlap with the search button in the top right. Is there a straight-
   forward way to accomplish this?
 * Secondarily, what would be the best way to vertically center the items in the
   top menu bar’s drop-down list?
 * Website: [http://www.spencerboucher.com](http://spencerboucher.com)

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 6 months ago](https://wordpress.org/support/topic/top-menu-bar-2/#post-4437198)
 * Let’s see your site
 *  [Alexander Agnarson](https://wordpress.org/support/users/alxmedia/)
 * (@alxmedia)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/top-menu-bar-2/#post-4437282)
 * 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; }
       }
       ```
   
 *  Thread Starter [justmytwospence](https://wordpress.org/support/users/justmytwospence/)
 * (@justmytwospence)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/top-menu-bar-2/#post-4437302)
 * 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.
 *  [Alexander Agnarson](https://wordpress.org/support/users/alxmedia/)
 * (@alxmedia)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/top-menu-bar-2/#post-4437312)
 * 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; }
       }
       ```
   
 *  [MutebiRoy](https://wordpress.org/support/users/mutebiroy/)
 * (@mutebiroy)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/top-menu-bar-2/#post-4437321)
 * 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.
 *  [MutebiRoy](https://wordpress.org/support/users/mutebiroy/)
 * (@mutebiroy)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/top-menu-bar-2/#post-4437322)
 * 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

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Top menu bar’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hueman/3.7.27/screenshot.png)
 * Hueman
 * [Support Threads](https://wordpress.org/support/theme/hueman/)
 * [Active Topics](https://wordpress.org/support/theme/hueman/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hueman/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hueman/reviews/)

 * 6 replies
 * 4 participants
 * Last reply from: [MutebiRoy](https://wordpress.org/support/users/mutebiroy/)
 * Last activity: [12 years, 6 months ago](https://wordpress.org/support/topic/top-menu-bar-2/#post-4437322)
 * Status: resolved