fbpx
Skip to content
Questions & AnswersCategory: QuestionsLanguage selector not working for flags
Niall OGorman asked 3 years ago

Language selector not working for flags, script does not look correct for https://www.aziendamaylia.com/ when put in footer.

Step 1: for header works

https://www.multilingualizer.com/support/how-to-install-the-multilingualizer-on-zoho-sites/

Step 2: for language selector (footer) keeps breaking the page

https://www.multilingualizer.com/language-selector-configuration-and-customisation/

I have the flags hosted in root

https://www.aziendamaylia.com/united-kingdom-flag-icon-32.png

https://www.aziendamaylia.com/italy-flag-icon-32.png

Whats the correct footer code to use?

<div class="languagewrapper">

<div class="language"><a href="#" onclick="languageClicked(0);"><img src="https://www.aziendamaylia.com/united-kingdom-flag-icon-32.png" /></a></div>

<div class="language"><a href="#" onclick="languageClicked(1);"><img src="https://www.aziendamaylia.com/italy-flag-icon-32.png" /></a></div>

</div>

<style>

.languagewrapper {

position:fixed;

top:0;

right:0;

z-index:999999;

background-color: black;

padding: 2px;

}

.languagewrapper .language img {

height:30px;

}

.languagewrapper .language {

float:left;

}

.languagewrapper .language {

display:block;

}

.languagewrapper .language.active {

display:block;

}

.languagewrapper .language.active a {

color:white;

font-weight:bold;

}

.languagewrapper .language a {

padding:2px 5px;

text-decoration:none;

color:white;

}

</style>

We use cookies

We use cookies for various things on our site, including our on-site chat bubble (if you use it), our comment forms (if you use them) and for session handling (if you log in).

Other than that, we use cookies to identify where traffic came from to help us understand which traffic turns into sales, we use a cookie for Google Analytics traffic analysis and we use a cookie to customise adverts for our own products we think you'll be interested in.

You can read more detail in our privacy policy page. Please click 'Accept' or 'Decline' to continue.