Center globe image in navigation bar

Hi,

Try to add the following CSS into your theme:

li.menu-item.menu-item-gtranslate {top:10px;}
li.menu-item.menu-item-gtranslate span.gglobe {height:30px !important;width:30px !important;}

Thanks! ??

Edo, thank you, it looks great!

You are welcome, if you are happy with our support, please consider leaving a feedback: https://www.ads-software.com/support/plugin/gtranslate/reviews/#new-post

Thanks! ??

You can add this for mobile:

@media screen and (max-width: 600px) {
    li.menu-item.menu-item-gtranslate {left:22px;}
}

Thanks! ??

Hi Edo,

Do you know how I can put an attribute label to the globe icon when moving over it with the cursor?

Willem

Hi,

You can modify Widget Code section in GTranslate settings page and add it like this to gglobe element:

<span class="gglobe" title="Select Language"></span>

For future support requests please feel free to open a new topic: https://www.ads-software.com/support/plugin/gtranslate/#new-topic-0

Thanks! ??

Oeps, that’s too difficult for me. I can put a code in my child theme, that’s all. I don’t dare to change something in the plugin source. Do you have a solution for me?

Willem

Hi,

It is really simple, Widget Code is a text (code) available on GTranslate plugins settings page. You need to change <span class="gglobe"></span> to <span class="gglobe" title="Select Language"></span>

I do not have any other solution.

Thanks! ??

Yes, that was very simple. Where can I give you 10 stars?

Willem

• This reply was modified 3 years, 8 months ago by Willem 2.