Docs

[riwaro]

Hello,
My new customer would like to present his website in 3 languages. I would like to place flags above the logo (photo attached). This must of course also fit in the mobile view. How can I do this? Or is there another solution? Topbar?

Many thanks for your help

Thomas

[riwaro]

Oh the pic….

[Christopher]

Hi there,

It depends on multilingual plugin that you use. May I know which plugin you are using?

Thanks.

[riwaro]

Hello,
I do not use a multilingual plugin. I would have created three pages in different folders. Or is it better to take a multilingual plugin. What can you recommend?

Many greetings Thomas

[Joao]

Hi Thomas,

This is the most reccomended but also costs: https://www.google.hr/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=WPML

Polylang seems to do the job fine as well.

If you would like to use a different strategy you can add flags to the navbar using the html img tag or also in the topbar using a html image tags.

Take a few minutes to read about the advantages of using these plugins.

Thanks

Joao

[riwaro]

Hello,

Comes the html img tag into the css. How does the html img tag look?

[Joao]

Hi There,

You would inser that on your Custom Link label on Appereance > Menus

Or on your topbar content:

<img src="yourwebsite.com/imgs/english-flag.png" height="42" width="42">

Hope that helps

Joao

[riwaro]

Hello, how are you?
I have now installed it in the top bar. Do not look good on the mobile version. Can I also place it in the navbar above the logo?

Thomas

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[riwaro]

This reply has been marked as private.

[Jade]

Hi Thomas,

Please use this code in the topbar:

<span class="group">
    <a style="color: #0D492F;" href="tel:081314309469">0 81 31 - 4 30 94 69</a>        
    <span style="color: #0D492F;"><a style="color: #0D492F;" href="mailto:info@bakalikon.de">info@bakalikon.de</a></span>
</span>
<span class="group"> 
    <a href="http://bakalikon.riwaro.de/de/" target="_blank">
        <img src="http://bakalikon.riwaro.de/wp-content/uploads/2017/01/deutsch.jpg" width="32" height="32" />
    </a> 
    <a href="http://bakalikon.riwaro.de/eng/" target="_blank">
        <img src="http://bakalikon.riwaro.de/wp-content/uploads/2017/01/englisch.jpg" width="32" height="32" />
    </a> 
    <a href="http://bakalikon.riwaro.de/it/" target="_blank">
        <img src="http://bakalikon.riwaro.de/wp-content/uploads/2017/01/italienisch.jpg" width="32" height="32" />
    </a>
</span>

Then add this CSS in the customizer:

@media (max-width: 480px) [
    .group {
        display: block;
        width: 100%;
        text-align: center;
    }

    .x-topbar .p-info {
        height: auto;
    }

    p.p-info .group:first-child a {
        width: 100%;
        display: block;
        float: left;
        height: auto;
        line-height: 1em;
    }
}

Hope this helps.

[riwaro]

Hello,

Thank you for your help. Your support is really incredible.

Greetings from the cold Munich

[Joao]

Glad to hear we managed to help,

CHeers

[Joao]

Glad to hear we managed to help,

CHeers

[Author]

Posts