philipperaskin asked 7 years ago
Hi everyone, I am experiencing some problems with positioning the language selection flags on my website - www.imfparis.fr
I would like for the flags to be on the bottom right of the page also when scrolling. It would be much appreciated if you can please help with the coding as I am not so experienced. Please find below the coding for the format at the moment.
Thank you so much!
<div class="languagewrapper">
<div class="language"><a href="#" onclick="languageClicked(0);"><img src="https://cdn.countryflags.com/thumbs/united-kingdom/flag-round-250.png" /></a></div>
<div class="language"><a href="#" onclick="languageClicked(1);"><img src="https://cdn.countryflags.com/thumbs/france/flag-round-250.png" /></a></div>
</div>
<style>
.languagewrapper {
position:fixed;
top:0;
right:0;
z-index:999999;
background-color: none;
padding: 55px;
}
.languagewrapper .language img {
height:15px;
}
.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>
1 Answers
Dave Hilditch Staff answered 7 years ago
Change the following in the CSS to achieve this – change:
top:0;
to
bottom:0;
Please login or Register to submit your answer