Markup (Appears within header > container) <div class="top-nav pull-right"> <ul> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">English, US <b class="caret"></b></a> <ul class="dropdown-menu dropdown-menu-right"> <li><a href="#">Español, ES</a></li> <li><a href="#">中文, CN</a></li> </ul> </li> </ul> </div> CSS There will need to be 2 new Client Theme colors: Top Navigation Text Color, and Top Navigation Text Active Color, whose placement is indicated in the CSS below. .top-nav { margin: 20px 15px 3px 15px; } .top-nav .dropdown { list-style: none; } .top-nav ul { margin: 0; padding-left: 0; } .top-nav .dropdown a.dropdown-toggle { font-size: 13px; text-decoration: none; } .top-nav .dropdown .dropdown-menu { margin-top: 8px; } /* color defined in theme for Top Navigation Text Color */ .top-nav .dropdown a.dropdown-toggle, .top-nav .dropdown a.dropdown-toggle:focus { color: #efefef; } /* color defined in theme for Top Navigation Text Active Color */ .top-nav .dropdown a.dropdown-toggle:hover { color: #ffffff; }