Center globe image in navigation bar

  • Resolved Willem 2

    (@willem-2)


    5 years, 3 months ago

    I have the globe image in the navigation bar but I can’t get it smaller and vertically aligned. Can somebody help me?

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author edo888

    (@edo888)

    5 years, 3 months ago

    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! 🙂

    Thread Starter Willem 2

    (@willem-2)

    5 years, 3 months ago

    Edo, thank you, it looks great!

    Plugin Author edo888

    (@edo888)

    5 years, 3 months ago

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

    Thanks! 🙂

    Plugin Author edo888

    (@edo888)

    5 years, 3 months ago

    You can add this for mobile:

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

    Thanks! 🙂

    Thread Starter Willem 2

    (@willem-2)

    5 years, 3 months ago

    Hi Edo,

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

    Willem

    Plugin Author edo888

    (@edo888)

    5 years, 3 months ago

    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://wordpress.org/support/plugin/gtranslate/#new-topic-0

    Thanks! 🙂

    Thread Starter Willem 2

    (@willem-2)

    5 years, 3 months ago

    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

    Plugin Author edo888

    (@edo888)

    5 years, 3 months ago

    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! 🙂

    Thread Starter Willem 2

    (@willem-2)

    5 years, 3 months ago

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

    Willem

    • This reply was modified 5 years, 3 months ago by Willem 2.
Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Center globe image in navigation bar’ is closed to new replies.