Support » Plugins and Hacks » [Resolved] Place flags in navigation bar: Alternative Way

[Resolved] Place flags in navigation bar: Alternative Way

  • The reason for the use of this alternative method is because the input code the plug-in provided did not work with my theme for some reason – I used it in the Responsive theme by ThemeID.
    The way is to use margins to force the widget down into the navigation bar.
    You may have to alter your code to work with the navigation styling but the method shold be the same.
    I have also tried many ways to get this work in all browsers and this is the best I could find – I am not an expert on coding but it worked for me.
    #header .main-nav {
    clear: left;float: left; */ (your navigation-bar tag might differ) */

     #top-widget {
      float: right;
      margin-bottom:-45px; /*(however high your nav bar is) */
      height: 45px;  /*(same as height of nav-bar)*/
      background-color: #585858; /*(change or remove color) */
      border: 1px; border-color: #585858; /*(change or remove color)*/
      overflow: hidden;

    I hope this helps you as it was quite a pain to get to this point but am glad to help you save some time.


Viewing 1 replies (of 1 total)
  • Styling the flags – seperating each flag slightly.
    [title=WHAT EVER YOUR LANNGUAGE IS] { padding: 0 10px;}
    hope that helps.

Viewing 1 replies (of 1 total)
  • The topic ‘[Resolved] Place flags in navigation bar: Alternative Way’ is closed to new replies.