flags and dropdowns side by side

Hi wolverinejoe80,

Would you mind sending a link to your website – I need to see it visually in order to help appropriately.

You can send it privately here if you want:

https://wp-studio.net/contact/

Thanks, Rob

hi rob,

here is the link
https://goo.gl/CRMxcr

i had to remove the dropdown because it just takes too much space when it sits below the flags.

another problem is that once you click on the flag, you can’t go back to the English. so i want to have american flag, but there is no american flag…

Hi wolverinejoe80,

Can you add dropdown temporarily as I take a look? Then change the layout setting to “Horizontal” and I will try and solve quickly now.

Let me know when ready – I will wait.

Also, add the “English” flag and I will provide code to you in order to show the American flag – this flag is included in the image sprite, but I need to provide you the CSS to change it.

thx! just added the dropdown and english flag.

Hi wolverinejoe80,

Did you set the layout to “Horizontal”?

yes

Ok let’s try this – add this to the Custom CSS box in the settings page:

div.top-navigation-right,
div.top-navigation-right-text {
    width:300px;
    padding-top:0;
}

#flags {
    width:120px;
    padding-top:12px;
    float:left;
}

#google_language_translator {
    float:right;
    clear:none;
}

I just made quick edit to the code – make sure you double-check that it’s correct.

Try adding this CSS for the United States flag:

#flags.size18 a[title="English"] {
    background: url('https://www.yackerglatt.com/wp-content/plugins/google-language-translator/images/flags.png') -118px -352px no-repeat !important;
}

just added these code, but nothing happens?

i actually don’t need a dropdown as long as american flag is working…

ok, choose the setting to hide the language box, and then I fixed code above to display the absolute path to the American flag. Please change that – and then remove all CSS code I gave you and keep only the CSS I sent for the flag.

ok. just did. but american flag is blank?

ok check the flag css code above – I changed it ??